如何用代码控制ECharts的dataZoom

一口没水的枯井 发布于 2013/08/01 13:47
阅读 10K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

我想让echarts的dataZoom数据区域选择自动化,让那个滑块受代码控制而移动,而不是靠鼠标拖曳。您看能不能多开放个接口,或者给些建议,让我控制那个滑块。十分感谢。
加载中
0
Kener-林峰
Kener-林峰
ECharts可以说是数据驱动,不用寻求接口方法,尝试用数据驱动的思路去考虑这个问题你可能就有答案了,dataZoom.start和dataZoom.end决定了滑块的位置,你放心大胆的多次调用setOption控制他的移动。当然,第二次以后的setOption把动画效果关闭了你就能实现平滑的过渡。
落灬梦
落灬梦
@一口没水的枯井 你好!我的问题也是你问林峰那个,我现在也需要让x轴标签跟着动态循环起来,所以咨询下你这个问题
一口没水的枯井
一口没水的枯井
回复 @落灬梦 : 你描述问题不清晰啊,如果是要让滑块自己移动的话,可以用setInterval
落灬梦
落灬梦
回复 @一口没水的枯井 :请问滑块自己移动这个问题怎么解决的?我只能控制它移动一次,不知道什么情况?
一口没水的枯井
一口没水的枯井
回复 @Kener-林峰 : 太感谢啦,大工程师问题解决了. (我之前是定义了多个option,然后让setOption接受.让我的"拙见消失吧)
Kener-林峰
Kener-林峰
回复 @一口没水的枯井 : option.dataZoom.start += 5;option.dataZoom.end += 5;option.animation = false;myChart.setOption(option);
下一页
0
Kener-林峰
Kener-林峰

http://ecomfe.github.io/echarts/doc/example/dataZoom1.html

option.dataZoom.start += 5;option.dataZoom.end += 5;option.animation = false;myChart.setOption(option);

JackZhouMM
JackZhouMM
你好,最近在使用个Echarts,为何官网的一些例子代码,我复制过来,和显示官网的显示不同呢?比如这个http://echarts.baidu.com/echarts2/doc/example/dataZoom.html。另外,如何控制放缩轴和X轴的距离呢?谷歌了一番,实在没有找到解决方案,谢谢问答。
0
泡芙丶丶
你好,我用了上面的代码可是滑块没有动,请问你是如何解决的
一口没水的枯井
一口没水的枯井
林峰给的答案是对的,你的代码有报错吗
返回顶部
顶部