echart树图设置层级距离_Echarts tree 宽度随着数据层级增加而改变

业务显示的是数据库的字段对应关系，都是1对1的关系。因此不考虑增加高度，高度改变的网上有很多教程。此例子是宽度随着层级的改变而改变。

HTML结构：

JS逻辑：

myChart.setOption(option = {

tooltip: {

trigger: 'item',

triggerOn: 'mousemove'

},

series: [

{

type: 'tree',

data: [data],//data取自ajax

top: '1%',

left: '15%',

bottom: '1%',

right: '15%',

symbolSize: 7,

label: {

normal: {

position: 'left',

verticalAlign: 'middle',

align: 'right',

fontSize: 12

}

},

tooltip: {

formatter: function (a) {

return a.data.name;

}

},

leaves: {

label: {

normal: {

positi