Echarts图例数据太多实现滚动效果

最新推荐文章于 2024-08-15 16:07:21 发布

原创最新推荐文章于 2024-08-15 16:07:21 发布

· 1.2k 阅读

0 ·

版权

文章标签：

#echarts #js

echarts 专栏收录该内容

2 篇文章

订阅专栏

这段内容描述了如何配置图表图例，包括设置图例的翻页类型为矩形，图例的宽高，横排布局，数据源，位置以及文字样式等。此外，还提到了图例页面图标和文本的颜色设定，以及项之间的间距。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

legend: {
            type: 'scroll',            // 设置图例翻页
            icon: 'rect',
            itemWidth: 12,             // 图例图形宽度
            itemHeight: 10,
            orient: 'horizontal',     // 图例横向排布
            data: title,              // title是一个列表，存着图例的数据
            left: 15,				// 图例位置
            bottom: 8,
            textStyle: {
              color: '#fff',
              fontSize: 12
            },
            pageIconColor: '#fff',
            pageTextStyle: {
              color: '#fff'
            },
            itemGap: 20
	},