{"id":197871,"date":"2020-11-05T01:03:13","date_gmt":"2020-11-04T17:03:13","guid":{"rendered":"http:\/\/4563.org\/?p=197871"},"modified":"2020-11-05T01:03:13","modified_gmt":"2020-11-04T17:03:13","slug":"%e8%af%b7%e6%95%99%e4%b8%80%e4%b8%8becharts-%e4%b8%ad%e6%a8%aa%e5%90%91%e6%9f%b1%e7%8a%b6%e5%9b%be%e6%80%8e%e6%a0%b7%e5%ae%9e%e7%8e%b0%e7%b1%bb%e7%9b%ae%e5%90%8d%e7%a7%b0%e6%98%be%e7%a4%ba%e5%9c%a8","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=197871","title":{"rendered":"# \u8bf7\u6559\u4e00\u4e0b*echarts \u4e2d\u6a2a\u5411\u67f1\u72b6\u56fe\u600e\u6837\u5b9e\u73b0\u7c7b\u76ee\u540d\u79f0\u663e\u793a\u5728\u56fe\u8868\u4e0a\u65b9*\u7684\u95ee\u9898"},"content":{"rendered":"<div>\n<div>\n<div>\n<h1>                  # \u8bf7\u6559\u4e00\u4e0b*echarts \u4e2d\u6a2a\u5411\u67f1\u72b6\u56fe\u600e\u6837\u5b9e\u73b0\u7c7b\u76ee\u540d\u79f0\u663e\u793a\u5728\u56fe\u8868\u4e0a\u65b9*\u7684\u95ee\u9898               <\/h1>\n<p> <\/p>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Ixiqiuqiu <\/span>  <span><i><\/i> 5<\/span> <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div isfirst=\"1\"> <\/p>\n<h3>echarts \u7248\u672c<\/h3>\n<p>V4.7.0<\/p>\n<h3>\u9884\u671f\u6548\u679c<\/h3>\n<p>\u60f3\u8fd8\u539f\u8bbe\u8ba1\u56fe\u91cc\u7684\uff0c\u6a2a\u5411\u67f1\u72b6\u56fe\u5c06\u7c7b\u76ee\u540d\u79f0\u663e\u793a\u5728\u56fe\u8868\u4e0a\u65b9\u7684\u6548\u679c\uff08\u5982\u56fe\uff09 <img decoding=\"async\" src=\"http:\/\/4563.org\/wp-content\/uploads\/2020\/11\/20201122_5fbad70bd29f4.jpg\" alt=\"# \u8bf7\u6559\u4e00\u4e0b*echarts \u4e2d\u6a2a\u5411\u67f1\u72b6\u56fe\u600e\u6837\u5b9e\u73b0\u7c7b\u76ee\u540d\u79f0\u663e\u793a\u5728\u56fe\u8868\u4e0a\u65b9*\u7684\u95ee\u9898\" \/><\/p>\n<h3>\u5b9e\u9645\u6548\u679c<\/h3>\n<p>\u6309\u5b98\u65b9\u793a\u4f8b Demo \u6539\u4e86\u4e00\u4e2a\uff0c\u4f46\u603b\u662f\u6ca1\u6cd5\u66f4\u6539 Y \u8f74\u7c7b\u76ee\u540d\u4f4d\u7f6e\u7684\u95ee\u9898 <img decoding=\"async\" src=\"http:\/\/4563.org\/wp-content\/uploads\/2020\/11\/20201122_5fbad7148feaa.jpg\" alt=\"# \u8bf7\u6559\u4e00\u4e0b*echarts \u4e2d\u6a2a\u5411\u67f1\u72b6\u56fe\u600e\u6837\u5b9e\u73b0\u7c7b\u76ee\u540d\u79f0\u663e\u793a\u5728\u56fe\u8868\u4e0a\u65b9*\u7684\u95ee\u9898\" \/><\/p>\n<h3>\u914d\u7f6e\u4ee3\u7801<\/h3>\n<pre><code>option = {     backgroundColor: '#071021',     tooltip: {         trigger: 'axis',         axisPointer: {            \/\/ \u5750\u6807\u8f74\u6307\u793a\u5668\uff0c\u5750\u6807\u8f74\u89e6\u53d1\u6709\u6548             type: 'shadow'        \/\/ \u9ed8\u8ba4\u4e3a\u76f4\u7ebf\uff0c\u53ef\u9009\u4e3a\uff1a'line' | 'shadow'         }     },     legend: {         data: ['\u8fdd\u6cd5\u6570', '\u4e8b\u6545\u6570', '\u6b7b\u4ea1\u6570'],         \/\/ right: '35%',         bottom: 'bottom',         itemGap: 10,         padding: [16,0],         itemWidth: 20,         itemHeight: 10,         textStyle: {             fontSize: 12,             fontWeight: 600,             color: '#C4D3F5'         }     },     grid: {         left: '3%',         right: '4%',         bottom: '3%',         containLabel: true     },     xAxis: {         type: 'value',         show: false,          },     yAxis: {         type: 'category',         show: true,         \/\/ itemStyle: {         \/\/     color: '#fff'         \/\/ },         data: ['\u897f\u5b89\u7eb5\u6a2a\u4ea4\u901a\u8bbe\u65bd\u5de5\u7a0b\u6709\u9650\u516c\u53f8', '\u897f\u5b89\u5e02\u53cc\u751f\u5409\u798f\u642c\u5bb6\u670d\u52a1\u90e8', '\u9655\u897f\u660e\u901a\u4ea4\u901a\u8bbe\u65bd\u5de5\u7a0b\u6709\u9650\u516c\u53f8', '\u626c\u529b\u96c6\u56e2\u80a1\u4efd\u6709\u9650\u516c\u53f8', '\u9655\u897f\u897f\u5b89\u8def\u8def\u901a\u4ea4\u901a\u8bbe\u65bd\u6709\u9650\u516c\u53f8', '\u897f\u5b89\u667a\u8fbe\u4ea4\u901a\u6709\u9650\u8d23\u4efb\u516c\u53f8', '\u897f\u5b89\u5929\u7545\u4ea4\u901a\u8bbe\u65bd\u6709\u9650\u8d23\u4efb\u516c\u53f8','\u9655\u897f\u4e2d\u65fa\u80fd\u6e90\u4ea4\u901a\u5f00\u53d1\u6709\u9650\u8d23\u4efb\u516c\u53f8','\u84dd\u5929\u5df4\u58eb\u96c6\u56e2','\u897f\u5b89\u83f1\u529b\u7269\u6d41\u8bbe\u5907\u6709\u9650\u516c\u53f8']     },     series: [         {             name: '\u8fdd\u6cd5\u6570',             type: 'bar',             stack: '\u603b\u91cf',             barGap: '-10%',         barWidth: '50%',          showBackground: true,             backgroundStyle: {                 color: 'rgba(255,255,255,0.1)'             },             label: {                 show: true,                 position: 'inside',                 \/\/ position: 'right',             color: '#ffffff',             fontSize: 15             },             data: [320, 302, 301, 334, 390, 330, 320,301, 334, 390],             itemStyle: {                 color: '#0E9BD8',                 \/\/ normal: {                 \/\/ \/\/     show: true,                 \/\/ \/\/   position: \"top\",                 \/\/ }             },                      },         {             name: '\u4e8b\u6545\u6570',             type: 'bar',             stack: '\u603b\u91cf',             label: {                 show: true,                 position: 'inside'             },             data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101],              itemStyle: {                 color: '#FEA900'             },         },         {             name: '\u6b7b\u4ea1\u6570',             type: 'bar',             stack: '\u603b\u91cf',             label: {                 show: true,                 position: 'insideRight'             },             data: [220, 182, 191, 234, 290, 330, 310,220, 182, 191],              itemStyle: {                 color: '#FF3D3D'             },         },             ] }; <\/code><\/pre>\n<\/p><\/div>\n<div> <b>\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (<span>1<\/span>)        <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul>\n<li data-pid=\"4239083\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : c6h6benzene <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             \u8fd9\u5e94\u8be5\u662f label.position \u63a7\u5236\u7684\u3002\u4f60\u73b0\u5728\u5e94\u8be5\u662f\u628a\u7c7b\u76ee\u540d\u5f53\u505a\u4e86 Y \u8f74\u7684 label \u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li>\n","protected":false},"excerpt":{"rendered":"<p># \u8bf7\u6559\u4e00\u4e0b*echarts \u4e2d\u6a2a&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/197871"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=197871"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/197871\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=197871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=197871"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=197871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}