FAQ中心
页面树结构
转至元数据结尾
转至元数据起始

（本文档仅供参考）

问题：

如果要修改树图样式要怎么修改呢：

1、把树图节点调整成矩形

2、节点连线修改成折线

3、节点文本显示在图形内

4、图形宽度根据文本内容自适应宽度


解决方案：

上面可以参考配置下面的扩展属性调整

 {
     series: [{
         leaves: {
             label: {
                 position: "inside",
                 verticalAlign: "middle",
                 align: "center"
             }
         }, //设置叶子节点文本标签位置
         symbol: "rect", //修改节点图形
         symbolSize: "function() { var value = arguments[0]; var params = arguments[1]; return [params.name.length * 35, 28]; }", //修改图形宽高比，根据节点文本内容自动调整宽度
         symbolKeepAspect: true,
         label: {
             position: "inside", //标签文本位置设置
             align: "center"
         },
         edgeShape: "polyline", //修改为折线
         initialTreeDepth: -1, //初始默认展开全部层级
         expandAndCollapse: "false" //禁止折叠交互

     }]
 }


  • 无标签