echarts legend 可以控制每列展示几个嘛?

image.png
每列展示一半,怎么实现呢?

阅读 5.2k
2 个回答

通过设置legend属性height可以设置高度换行,达到每列排列个数

image.png

如果图例太多可以考虑分页type: 'scroll'

image.png

新手上路,请多包涵

可以通过设置高度,让图例换行,itemGapitemHeight乘以图例数量,得出总高度,再除以2,得出高度
image.png

// (10 + 14) * 50 / 2 = 600
legend: {
    orient: 'vertical',
    right: 10,
    top: 20,
    bottom: 20,
    height: 600, // 设置高度
    data: data.legendData,
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏