echarts 桑葚图文字过长显示不全

615 阅读1分钟

问题:

页面显示桑葚图时,文字过长显示不全,如下图:

image.png

解决:

设置 leftrighttopbottom即可

如下代码:

option = {
  series: {
    type: 'sankey',
    left: 50.0,  //距离canvas左边的宽度
    top: 20.0,   //距离canvas顶部的宽度
    right: 15.0,  //距离canvas右边的宽度
    bottom: 25.0,  //距离canvas底部的宽度
    layout: 'none',
    emphasis: {
      focus: 'adjacency'
    },
    data: [
      {
        name: '我是a'
      },
      {
        name: '我是b'
      },
      {
        name: '我是a1'
      },
      {
        name: '我是a2'
      },
      {
        name: '我是b1'
      },
      {
        name: '我是c'
      }
    ],
    links: [
      {
        source: '我是a',
        target: '我是a1',
        value: 5
      },
      {
        source: '我是a',
        target: '我是a2',
        value: 3
      },
      {
        source: '我是b',
        target: '我是b1',
        value: 8
      },
      {
        source: '我是a',
        target: '我是b1',
        value: 3
      },
      {
        source: '我是b1',
        target: '我是a1',
        value: 1
      },
      {
        source: '我是b1',
        target: '我是c',
        value: 2
      }
    ]
  }
};

效果如下:

image.png