echarts
echarts copied to clipboard
Legend scroll 可不可以显示多行并进行滚动?
One-line summary [问题简述]
你好,我在写一个折线图,里面大概有20个左右的图例横置显示,现有的scroll功能我来回尝试,最多也只能显示一行,点翻页图标向左右滑动。
Version & Environment [版本及环境]
- ECharts version [ECharts 版本]: v4.1.0.rc2
- Browser version [浏览器类型和版本]:chrome
- OS Version [操作系统类型和版本]:windows 7
Expected behaviour [期望结果]
请问图例在可翻页时可不可以像非scroll时一样,一次显示两行或以上,然后仍然可以翻页。
ECharts option [ECharts配置项]
option = {
}
Other comments [其他信息]
同问
同问+1
同问+1
同问+1
同问+1
+1
+1
+1
+1
legend: {
data: [],
type: "scroll",
orient: "vertical",
textStyle: {
width: 200,
overflow: "breakAll"
},
right: 0
}
试试这个效果,我们产品最终选择了这个效果。
legend: { data: [], type: "scroll", orient: "vertical", textStyle: { width: 200, overflow: "breakAll" }, right: 0 }
试试这个效果,我们产品最终选择了这个效果。
感觉不是很好。只是竖着展示了。
+1
同样需要类似功能
因为标签实在是太多了,而容器又是固定大小的
如果放开所有标签,那么,图表中肯定会出现堆叠的现象(图表与标签)
所以这里用了 type:"scroll",但发现它只能一行展示,而一行展示的话,感觉又有点空空的
请问有什么办法让它多行展示吗?如上图那样
2024----
同需要这个功能,单独一行展示的话数据太长的时候一次只能展示两三个数据,空荡荡的
2024 +1