配置项如下
myChart.showLoading();
var data2 = {
"name": "Higher Education Institutions",
"children": [
{
"name": "Public",
"children": [
{"name": "Fineland", "value": 1.9},
{"name": "Denmark", "value": 1.8},
{"name": "Norway", "value": 1.6},
{"name": "Sweden", "value": 1.6},
{"name": "Austria", "value": 1.4},
{"name": "Estonia", "value": 1.4},
{"name": "Netherlands", "value": 1.3},
{"name": "Belgium", "value": 1.3},
{"name": "France", "value": 1.3},
{"name": "Switzerland", "value": 1.3},
]
},
{
"name": "Private",
"children": [
{"name": "Korea", "value": 1.9},
{"name": "United States", "value": 1.8},
{"name": "Chile", "value": 1.7},
{"name": "Japan", "value": 1},
{"name": "Australia", "value": 0.9},
{"name": "Israel", "value": 0.8},
{"name": "New Zealand", "value": 0.5},
{"name": "Netherlands", "value": 0.5},
{"name": "OCED Average", "value": 0.5},
{"name": "Russian Federation", "value": 0.5}
]
},
]
};
myChart.hideLoading();
myChart.setOption(option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
legend: {
top: '20%',
left: '20%',
orient: 'vertical',
data: [{
name: 'tree1',
icon: 'rectangle'
}],
borderColor: '#c23531'
},
series:[
{
type: 'tree',
name: 'tree',
data: [data2],
top: '5%',
left: '30%',
bottom: '2%',
right: '20%',
symbolSize: 7,
label: {
position: 'left',
verticalAlign: 'middle',
align: 'right'
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750
}
]
});