{"id":1358,"date":"2018-10-29T08:12:21","date_gmt":"2018-10-29T08:12:21","guid":{"rendered":"https:\/\/www.ipcpu.com\/?p=1358"},"modified":"2021-01-29T08:13:11","modified_gmt":"2021-01-29T08:13:11","slug":"echarts-multi-graphe","status":"publish","type":"post","link":"https:\/\/c.ipcpu.com\/2018\/10\/echarts-multi-graphe\/","title":{"rendered":"echarts\u4e00\u4e2a\u9875\u9762\u653e\u591a\u5f20\u56fe\u8868"},"content":{"rendered":"<p>echarts\u4e00\u4e2a\u9875\u9762\u653e\u591a\u5f20\u56fe\u8868.md <br \/>\n<img decoding=\"async\" src=\"https:\/\/www.ipcpu.com\/wp-content\/uploads\/2021\/01\/128f0f4a05096eee7f480fb60eb676be_c19531b0-d471-4609-bff8-7f1ba7abda43.jpg\"> <br \/>\n\u5173\u952e\u6280\u5de7\uff1a\u4f4d\u7f6e\u63a7\u5236<\/p>\n<blockquote>\n<p>\u997c\u56fe\u7684\u4f4d\u7f6e\u4f7f\u7528center\u63a7\u5236\uff0c\u5927\u5c0f\u7f29\u653e\u6bd4\u4f7f\u7528radius \u63a7\u5236 <br \/>\n  \u67f1\u72b6\u56fe\u3001\u6298\u7ebf\u56fe\u7b49\u4e00\u822c\u4f7f\u7528grid\u63a7\u5236<\/p>\n<\/blockquote>\n<p>\u4f8b\u5b50<\/p>\n<div>\n<pre><code>option = {\n    grid: [\n        {x: '7%', y: '7%', width: '38%', height: '38%'},\/\/\u6298\u7ebf\u56fe\u4f4d\u7f6e\u63a7\u5236\n        {x: '7%', y: '57%', width: '38%', height: '38%'},\/\/\u67f1\u72b6\u56fe\u4f4d\u7f6e\u63a7\u5236\n    ],\n    xAxis: [\n        {gridIndex: 0,type: 'category'},\n        {gridIndex: 1,type: 'category'},\n    ],\n    yAxis: [\n        {gridIndex: 0 },  \/\/\u8fd9\u4e9bgridindex\u4e0d\u80fd\u7f3a\u5931\n        {gridIndex: 1 },\n    ],\n    series: [\n        {\n            type: 'line',\n            xAxisIndex: 0,  \/\/\u9ed8\u8ba4\u503c\u662f0\uff0c\u53ef\u4ee5\u4e0d\u5199\n            yAxisIndex: 0,\n            data: [1,2,3,4,5],\n        },\n        {\n            type: 'bar',\n            xAxisIndex: 1,\n            yAxisIndex: 1,\n            data: [1,2,3,4,5],\n        },\n        {\n            type: 'pie',\n            radius : '45%',  \/\/\u997c\u56fe\u5927\u5c0f\u548c\u7f29\u653e\n            center: ['60%', '50%'],\/\/\u997c\u56fe\u4f4d\u7f6e\u63a7\u5236\n            data: [1,2,3,4,5],\n        },\n    ]\n};<\/code><\/pre>\n<\/div>\n<p>\u5b9e\u73b0\u6548\u679c <br \/>\n<img decoding=\"async\" src=\"https:\/\/www.ipcpu.com\/wp-content\/uploads\/2021\/01\/128f0f4a05096eee7f480fb60eb676be_1e2e746e-7953-484a-aca2-b1116d3c15ea.jpg\"><\/p>\n<p>\u8f6c\u8f7d\u8bf7\u6ce8\u660e\uff1a<a href=\"https:\/\/c.ipcpu.com\">IPCPU-\u7f51\u7edc\u4e4b\u8def<\/a> &raquo; <a href=\"https:\/\/c.ipcpu.com\/2018\/10\/echarts-multi-graphe\/\">echarts\u4e00\u4e2a\u9875\u9762\u653e\u591a\u5f20\u56fe\u8868<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>echarts\u4e00\u4e2a\u9875\u9762\u653e\u591a\u5f20\u56fe\u8868.md \u5173\u952e\u6280\u5de7\uff1a\u4f4d\u7f6e\u63a7\u5236 \u997c\u56fe\u7684\u4f4d\u7f6e\u4f7f\u7528center\u63a7\u5236\uff0c\u5927\u5c0f\u7f29\u653e\u6bd4\u4f7f\u7528radius \u63a7\u5236 \u67f1\u72b6\u56fe\u3001\u6298\u7ebf\u56fe\u7b49\u4e00\u822c\u4f7f\u7528grid\u63a7\u5236 \u4f8b\u5b50 option = { grid: [ {x: &#8216;7%&#8217;, y: &#8216;7%&#8217;, width: &#8216;38%&#8217;, height: &#8216;38%&#8217;},\/\/\u6298\u7ebf\u56fe\u4f4d\u7f6e\u63a7\u5236 {x: &#8216;7%&#8217;, y: &#8216;57%&#8217;, width: &#8216;38%&#8217;, height: &#8216;38%&#8217;},\/\/\u67f1\u72b6\u56fe\u4f4d\u7f6e\u63a7\u5236 ], xAxis: [ {gridIndex: 0,type: &#8216;category&#8217;}, {gridIndex: 1,type: &#8216;category&#8217;}, ], yAxis: [ {gridIndex: 0 }, \/\/\u8fd9\u4e9bgridindex\u4e0d\u80fd\u7f3a\u5931 {gridIndex: 1 }, ], series: [ { type: &#8216;line&#8217;, xAxisIndex: 0, \/\/\u9ed8\u8ba4\u503c\u662f0\uff0c\u53ef\u4ee5\u4e0d\u5199 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[180],"_links":{"self":[{"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/posts\/1358"}],"collection":[{"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/comments?post=1358"}],"version-history":[{"count":1,"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/posts\/1358\/revisions"}],"predecessor-version":[{"id":1359,"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/posts\/1358\/revisions\/1359"}],"wp:attachment":[{"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/media?parent=1358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/categories?post=1358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/c.ipcpu.com\/wp-json\/wp\/v2\/tags?post=1358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}