色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

echart 2.x 引入json

方一強2年前9瀏覽0評論

在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數據,可以參考以上代碼。