Echarts 树图文字问题

变货太水 发布于 2015/12/31 16:05
阅读 2K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:Echarts 树图的节点文字怎么设置纵向显示?下面是我的代码:

var option = {
title : {
y : 30,
x : 'center',
show : true,
text : '' +name+ '',
},
tooltip : {
       trigger: 'item',
   },
   series : [
       {
        name:'树图',
           type:'tree',
           orient: 'vertical',  // vertical horizontal
           rootLocation: {x: 'center',y: '100'}, // 根节点位置  {x: 100, y: 'center'}
           nodePadding: 8,
           layerPadding: 120,
           hoverable: false,
           roam: false,
           symbolSize: [30,20],
           itemStyle: {
               normal: {
                   color: '#4883b4',
                   label: {
                       show: true,
                       //position: 'right',
                       formatter: "{b}",
                       textStyle: {
                           color: '#000',
                           fontSize: 12,
                       }
                   },
                   lineStyle: {
                       color: '#ccc',
                       type: 'broken' // 'curve'|'broken'|'solid'|'dotted'|'dashed'


                   }
               },
               emphasis: {
                   color: '#4883b4',
                   label: {
                       show: false
                   },
                   borderWidth: 0
               }
           },
           data:arr,
       }
   ],
};
这是我的图:

加载中
0
诚续缘丶
诚续缘丶

orient: 'vertical',去掉就行

返回顶部
顶部