图例组件如何限制图形的宽度?

问题描述

使用的 vchart。在图例文字比较长的时候，期望可以限制图例项的宽度，不要出现这种分页

解决方案

VChart 的 图例组件提供了图例项最大宽度的配置，可以配置期望的数值，当图例项超出这个最大值时，文本会省略，并且鼠标 hover 上去时会有提示信息

legends: [
  {
    type: 'discrete',
    item: {
      maxWidth: 200
    }
  }
];

代码示例

相关文档

• github
• 图例配置