在echart 2.x中,我們可以通過引入json數(shù)據(jù)來動態(tài)地生成圖表。下面是一個簡單的例子:
var myChart = echarts.init(document.getElementById('myChart')); var json_data = [ {"category":"類別1","value":50}, {"category":"類別2","value":80}, {"category":"類別3","value":120}, {"category":"類別4","value":200} ]; var option = { tooltip : { trigger: 'item', formatter: "{a}
{b} : {c} (nzjrz7l%)" }, legend: { orient : 'vertical', x : 'left', data:['類別1','類別2','類別3','類別4'] }, toolbox: { show : true, feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, series : [ { name:'訪問來源', type:'pie', radius : '55%', center: ['50%', '60%'], data:json_data } ] }; myChart.setOption(option);
在這個例子中,我們首先創(chuàng)建了一個echarts圖表,然后定義了一個json數(shù)據(jù)。該數(shù)據(jù)中包含了4個對象,每個對象代表了圖表中的一個類別和對應的值。
接著,在echarts的option中,我們可以通過使用data屬性將json數(shù)據(jù)引入到圖表中。這里我們創(chuàng)建了一個餅圖,將json_data作為數(shù)據(jù),用于顯示類別和對應的值。
通過引入json數(shù)據(jù),我們可以輕松地動態(tài)更新echarts圖表,同時也能方便地管理數(shù)據(jù)。因此,如果您需要在echarts中使用json數(shù)據(jù),可以參考以上代碼。
上一篇python 漢塔諾
下一篇vue全部組件化