欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

echart 2.x 引入json

方一強1年前8瀏覽0評論

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