如何解决Echarts图例过多导致和柱形图数据重叠

Question

由于数据过多，导致图例name和柱形图数据重叠，如图，请问除了使用scroll，如何显示全部的图例并且不和下面图表数据重叠，知道的请告知一下，十分感谢！！

Answer 1

你可以使用echarts的图例分页属性：

legend: {
                    top: 0,
                    width: '86%', // 设置图例显示的宽度
                    type: 'scroll', // 必须设置图例滚动
                    pageIconSize: 12, // 设置图例点击图标大小
                    textStyle: {
                        fontSize: 12 // 设置图例文本字体大小
                    },
                    data: data, // 你的图例列表数据
                }