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

echarts樹狀圖json

傅智翔2年前8瀏覽0評論

Echarts樹狀圖是一種基于JavaScript的可視化工具,能夠幫助用戶更好地展現數據,讓數據更加形象化。其數據結構采用JSON格式,以下是針對JSON數據的一些解釋和實例。

{
"name": "中國",
"children": [
{
"name": "廣東",
"children": [
{
"name": "廣州",
"value": 100
},
{
"name": "深圳",
"value": 50
}
]
},
{
"name": "廣西",
"children": [
{
"name": "桂林",
"value": 30
},
{
"name": "南寧",
"value": 80
}
]
}
]
}

上述JSON數據可以用于生成一個樹狀圖,其中"children"表示當前節點下的子節點,"value"則表示當前節點的值,下面是生成樹狀圖的JavaScript代碼:

var myChart = echarts.init(document.getElementById('main'));
var option = {
series: {
type: 'tree',
data: [JSON_DATA],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 7,
label: {
position: 'left',
verticalAlign: 'middle',
align: 'right',
fontSize: 9
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750
}
};
myChart.setOption(option);

在代碼中,通過將JSON數據傳遞給"series.data"參數,即可生成樹狀圖。另外還可以設置一些樣式和動畫效果,讓樹狀圖更美觀、生動。