echarts x轴数据过多左右滚动显示

it2023-05-11  95

echarts x轴数据过多左右滚动显示

今天在使用echarts做柱状图时,遇到x轴数据过多的情况,全部显示的话,柱状图都挤到一起了。 所以想让它可以显示一部分,其余部分滚动显示,就可以配置dataZoom,它与xAxis、yAxis并列,简单配置后,就可以实现x轴刻度左右滚动了。

代码如下:

dataZoom: [ { type: "slider", show: true, xAxisIndex: [0], start: 0, end: 49, textStyle:{ color:"#ccd7d7" } }, ],

我只做了简单的配置,这个配置项还可以实现很多丰富的功能和效果,其他复杂的配置,可以参考echarts官网。

最新回复(0)