桑基图文字自上而下显示的图列

最新推荐文章于 2025-05-29 09:32:11 发布

原创最新推荐文章于 2025-05-29 09:32:11 发布 · 234 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

桑基图文字要自上而下显示
在这里插入图片描述

option = {
  series: {
    type: 'sankey',
    layout: 'none',
    top: '30%',
     data: [
        { name: '班级A' },
        { name: '班级B' },
        { name: '班级C' },
        { name: '班级D' }
      ],
      links: [
        { source: '班级A', target: '班级B', value: 10 },
        { source: '班级B', target: '班级C', value: 15 },
        { source: '班级C', target: '班级D', value: 20 }
      ],
    orient: 'vertical',
    levels: [{
      label: {
         position: 'top',
         distance: 10,
        // rotate:-90,
        formatter: (params) => {
          return params.name.split('').join('\n');
        },
      },
      depth: 0
    },{
      label: {
         position: 'top',
        distance: 13.5
        
      },
      depth: 1
    },{
      label: {
         position: 'bottom',
        distance: 13.5
      },
      depth: 2
    },{
      label: {
        show: true,
         position: 'bottom',
        distance: 13.5
      },
      depth: 3
    }]
  }
};