在echart 2.x中,我們可以通過引入json數據來動態地生成圖表。下面是一個簡單的例子:
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} (h5bxh5v%)" }, 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);
在這個例子中,我們首先創建了一個echarts圖表,然后定義了一個json數據。該數據中包含了4個對象,每個對象代表了圖表中的一個類別和對應的值。
接著,在echarts的option中,我們可以通過使用data屬性將json數據引入到圖表中。這里我們創建了一個餅圖,將json_data作為數據,用于顯示類別和對應的值。
通過引入json數據,我們可以輕松地動態更新echarts圖表,同時也能方便地管理數據。因此,如果您需要在echarts中使用json數據,可以參考以上代碼。
上一篇python 漢塔諾
下一篇vue全部組件化