{"id":3815,"date":"2022-03-08T15:08:13","date_gmt":"2022-03-08T07:08:13","guid":{"rendered":"http:\/\/blog.hoyo.idv.tw\/?p=3815"},"modified":"2022-03-08T15:08:13","modified_gmt":"2022-03-08T07:08:13","slug":"graphviz-chart","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=3815","title":{"rendered":"Graphviz - chart"},"content":{"rendered":"<p>\u7528\u65bc\u7e6a\u88fdDOT\u8a9e\u8a00\u6307\u4ee4\u78bc\u63cf\u8ff0\u7684\u5716\u5f62<\/p>\n<ul>\n<li><a href=\"http:\/\/www.graphviz.org\/\" target=\"_blank\" rel=\"noopener\">Graphviz - Graph Visualization Software<\/a><\/li>\n<li><a href=\"https:\/\/zh.wikipedia.org\/wiki\/DOT%E8%AF%AD%E8%A8%80\" target=\"_blank\" rel=\"noopener\">DOT\u8a9e\u8a00<\/a><\/li>\n<\/ul>\n<p>--<\/p>\n<ul>\n<li><a href=\"https:\/\/stackoverflow.com\/questions\/1679083\/how-can-i-build-dynamic-organizational-chart\">How can i build dynamic organizational chart? [closed]<\/a><\/li>\n<li><a href=\"https:\/\/www.openfoundry.org\/tw\/foss-programs\/8820-graphviz-\" target=\"_blank\" rel=\"noopener noreferrer\">Graphviz - \u7528\u6307\u4ee4\u4f86\u756b\u95dc\u4fc2\u5716\u5427\uff01<\/a><\/li>\n<\/ul>\n<p>--<\/p>\n<h2>CentOS \u5b89\u88dd<\/h2>\n<pre class=\"lang:sh decode:true\">yum install graphviz<\/pre>\n<p>--<\/p>\n<h2>\u7f3a\u5c11\u4e2d\u6587<\/h2>\n<p>CentOS 7<\/p>\n<pre class=\"lang:default decode:true\">yum groupinstall \"fonts\"<\/pre>\n<p>--<\/p>\n<h2>\u4e00\u500b\u7c21\u55ae\u7bc4\u4f8b<\/h2>\n<p>a.dot<\/p>\n<pre class=\"lang:default decode:true \">graph demo2{\r\n    a -- b -- c;\r\n    c -- a;\r\n}<\/pre>\n<p>\u57f7\u884c .dot \u4e26\u7522\u751f PNG \u5716\u6a94<\/p>\n<pre class=\"lang:sh decode:true\">dot a.dot -T png -o a.png<\/pre>\n<p><a href=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2017\/06\/a.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"alignnone wp-image-3818 size-full\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2017\/06\/a.png\" alt=\"\" width=\"119\" height=\"259\" \/><\/a><\/p>\n<p>--<\/p>\n<h2>\u5167\u542b\u4e2d\u6587\u7bc4\u4f8b<\/h2>\n<ul>\n<li><a href=\"http:\/\/electronic-blue.wikidot.com\/blog:9\" target=\"_blank\" rel=\"noopener\">\u5728 Windows \u4e0a\u8a2d\u5b9a Graphviz \u4e2d\u6587\u5b57\u578b<\/a><\/li>\n<li><a href=\"https:\/\/www.microsoft.com\/typography\/fonts\/font.aspx?FMID=1614\" target=\"_blank\" rel=\"noopener\">Microsoft JhengHei Bold - Version 5.00<\/a><\/li>\n<\/ul>\n<pre class=\"lang:default decode:true\">digraph G {\r\n    node[fontname = \"Microsoft JhengHei Bold\"];\r\n    \"\u738b\u5927\u540c\" -&gt; parse -&gt; execute;\r\n    \"\u738b\u5927\u540c\" -&gt; init;\r\n    \"\u738b\u5927\u540c\" -&gt; cleanup;\r\n    execute -&gt; make_string;\r\n    execute -&gt; printf\r\n    init -&gt; make_string;\r\n    \"\u738b\u5927\u540c\" -&gt; printf;\r\n    execute -&gt; compare;\r\n}<\/pre>\n<p><a href=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/01\/dot-2.png\" target=\"_blank\" rel=\"noopener\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"alignnone wp-image-4179 size-medium\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/01\/dot-2-300x225.png\" alt=\"\" width=\"300\" height=\"225\" srcset=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/01\/dot-2-300x225.png 300w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/01\/dot-2-400x300.png 400w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/01\/dot-2.png 463w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>--<\/p>\n<h2>\u5716\u8868\u985e\u578b<\/h2>\n<ul>\n<li>graph \u70ba\u7121\u5411\u5716\uff0c\u4f7f\u7528 -- \u9023\u63a5 node<\/li>\n<li>digraph \u662f\u6709\u5c64\u6b21\uff0c\u4f7f\u7528 -&gt; \u9023\u63a5 node<\/li>\n<\/ul>\n<p>--<\/p>\n<h2>Node \u5c6c\u6027<\/h2>\n<p>\u5c0d\u6240\u6709 Node \u5b9a\u7fa9\u9810\u8a2d\u683c\u5f0f<\/p>\n<ul>\n<li><a href=\"https:\/\/stackoverflow.com\/questions\/29538849\/graphviz-how-to-reduce-the-top-and-bottom-margins-of-a-node\">Graphviz: how to reduce the top and bottom margins of a node?<\/a><\/li>\n<li><a href=\"http:\/\/home.pcisys.net\/~tbc\/hacks\/sample01.htm\">example of a log file visualization<\/a><\/li>\n<\/ul>\n<p>\u908a\u754c<\/p>\n<pre class=\"lang:default decode:true \">node[margin=\"0.5,0.2\"];<\/pre>\n<p>\u5b57\u578b<\/p>\n<pre class=\"lang:default decode:true\">node[fontname = \"Microsoft JhengHei\"]<\/pre>\n<p>--<\/p>\n<h2>\u7d44\u7e54\u5716<\/h2>\n<ul>\n<li><a href=\"https:\/\/stackoverflow.com\/questions\/2271704\/family-tree-layout-with-dot-graphviz\">Family tree layout with Dot\/GraphViz<\/a><\/li>\n<\/ul>\n<p>--<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"3815\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,059&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u7528\u65bc\u7e6a\u88fdDOT\u8a9e\u8a00\u6307\u4ee4\u78bc\u63cf\u8ff0\u7684...<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"3815\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,059&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/3815"}],"collection":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3815"}],"version-history":[{"count":13,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/3815\/revisions"}],"predecessor-version":[{"id":9655,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/3815\/revisions\/9655"}],"wp:attachment":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}