echarts图中,点击高亮,滑动条位置不需要更新配置的问题

首先要监听一下echarts中滑动的事件,代码如下:echarts图中,点击高亮,滑动条位置不需要更新配置的问题

 这样可以监听到滑动块的start的位置和end的位置,然后记录一下start和end的值。

接着在点击事件的时候,重新设置option中datazoom的start和end的属性即可,最后重新echarts.setOption()重新渲染一下即可。

这样就可以了,完美的解决了问题。

echarts中的datazoom也是第一次使用,感觉有的配置没有完全用明白,可以多学习echarts官方文档,有的属性配置,其实使用的时候是很简单的,不需要我们写更多的代码去实现,直接配置就可以实现了,这样代码就会更加简洁,优美。

猜你喜欢

转载自blog.csdn.net/weixin_43703816/article/details/131394825
今日推荐