echarts Legend scroll 可不可以显示多行并进行滚动？

Legend scroll 可不可以显示多行并进行滚动？

Open cesarxiao opened this issue 5 years ago • 14 comments

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 [其他信息]

Jul 23 '18 14:07 cesarxiao

同问

Sep 17 '18 06:09 Darren-chenchen

同问+1

Oct 11 '18 11:10 lianying526

同问+1

Aug 18 '19 06:08 web3fans

同问+1

Jun 28 '20 03:06 ilexwg

同问+1

Nov 17 '20 10:11 clamp-dy

Jun 04 '21 03:06 zhaooa

Apr 25 '22 08:04 GodVampire

Dec 15 '22 05:12 KerryCodes

Dec 29 '22 02:12 cag2050

legend: {
    data: [],
    type: "scroll",
    orient: "vertical",
    textStyle: {
        width: 200,
        overflow: "breakAll"
    },
    right: 0
}

试试这个效果，我们产品最终选择了这个效果。

May 26 '23 03:05 cag2050

legend: {
    data: [],
    type: "scroll",
    orient: "vertical",
    textStyle: {
        width: 200,
        overflow: "breakAll"
    },
    right: 0
}

试试这个效果，我们产品最终选择了这个效果。

感觉不是很好。只是竖着展示了。