\u5c01\u88c5\u4e00\u4e2aecharts\u73af\u5f62\u56fe\u7684\u51fd\u6570\uff0c\u4e24\u4e2a\u53c2\u6570\uff0c\u6570\u636edata\u548cid\uff0c\u53ef\u6539\u4e3a\u7c7b\u540d\u590d\u7528\u3002\u770b\u4ee3\u7801\uff0c\u5916\u90e8\u5f15\u7528echarts.js\u6587\u4ef6<\/p>\n
\u914d\u7f6e\u9879\uff1a
\n\u63a7\u5236\u5706\u7684\u5927\u5c0f\u5bbd\u5ea6\uff1aseries.radius\uff0c\u4f8b\u5982[‘80%’, ‘90%’]<\/p>\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>qdabc.cn<\/title>\r\n<\/head>\r\n<body>\r\n<div id=\"demo\" style=\"width: 400px;height: 400px;border: 1px solid antiquewhite;margin:0 auto;background-color:#f5f5f5;\"><\/div>\r\n<\/body>\r\n<script src=\"https:\/\/cdn.bootcss.com\/echarts\/3.5.4\/echarts.js\"><\/script>\r\n<script>\r\n\r\n pieShow(75,'demo');\r\n\r\n function pieShow(data, id) {\r\n var pieId = echarts.init(document.getElementById(id));\r\n\/\/ \u6307\u5b9a\u56fe\u8868\u7684\u914d\u7f6e\u9879\u548c\u6570\u636e\r\n var pieId_option = {\r\n tooltip: {\r\n trigger: 'item',\r\n formatter: \"{a} <br\/>{b}: {c} ({d}%)\"\r\n },\r\n color: [\"#ff7f50\", \"#243c77\"],\r\n series: [\r\n {\r\n name: '\u6536\u5165\u5b8c\u6210\u7387',\r\n type: 'pie',\r\n radius: ['60%', '80%'],\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'center'\r\n },\r\n emphasis: {\r\n show: true,\r\n textStyle: {\r\n fontSize: '30',\r\n fontWeight: 'bold'\r\n }\r\n }\r\n },\r\n itemStyle: {\r\n \/\/\u67f1\u5f62\u56fe\u5706\u89d2\uff0c\u9f20\u6807\u79fb\u4e0a\u53bb\u6548\u679c\r\n emphasis: {\r\n barBorderRadius: [900],\r\n pieBorderRadius: [900]\r\n },\r\n normal: {\r\n \/\/\u67f1\u5f62\u56fe\u5706\u89d2\uff0c\u521d\u59cb\u5316\u6548\u679c\r\n barBorderRadius: [900],\r\n pieBorderRadius: [900]\r\n }\r\n },\r\n data: [\r\n {value: parseInt(data)},\r\n {value: 100 - data}\r\n ]\r\n }\r\n ]\r\n };\r\n\/\/ \u4f7f\u7528\u521a\u6307\u5b9a\u7684\u914d\u7f6e\u9879\u548c\u6570\u636e\u663e\u793a\u56fe\u8868\u3002\r\n pieId.setOption(pieId_option);\r\n }\r\n<\/script>\r\n<\/html><\/pre>\n\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » echarts\u73af\u5f62\u56fe<\/a><\/p>","protected":false},"excerpt":{"rendered":"\u5c01\u88c5\u4e00\u4e2aecharts\u73af\u5f62\u56fe\u7684\u51fd\u6570\uff0c\u4e24\u4e2a\u53c2\u6570\uff0c\u6570\u636edata\u548cid\uff0c\u53ef\u6539\u4e3a\u7c7b\u540d\u590d\u7528\u3002\u770b\u4ee3\u7801\uff0c\u5916\u90e8\u5f15\u7528echarts.js\u6587\u4ef6 \u914d\u7f6e\u9879\uff1a \u63a7\u5236\u5706\u7684\u5927\u5c0f\u5bbd\u5ea6\uff1aseries.radius\uff0c\u4f8b\u5982[‘ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[301,9,302],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2253"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2253"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2253\/revisions"}],"predecessor-version":[{"id":2254,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2253\/revisions\/2254"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2253"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}