echarts折线图手机端不能放大解决

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts折线图手机端不能放大解决相关的知识,希望对你有一定的参考价值。

参考技术A

这两天配合ios弄了一个echarts折线图,发现放到他们那边手机模拟器上 dataZoom 不能实现放大,找到解决方法如下:
由于我使用的是

改成官方的cdn就可以了

echarts框选+缩放折线图

参考技术A 分别用brush和dataZoomSelect组件,做出框选,缩放效果,highcharts上有现成使用的方法,echart需要自己去找,特表是dataZoomSelect,在toolbox上自动开启,就可以直接使用,另外本来打算自己写个d3的方法,但是,d3上关于获取框选数据这一块比较麻烦,只能定位坐标,根据坐标计算框选的数据,计算过程略微复杂。写到一半,放弃了,主要是项目时间紧张,略略略。

1.使用dataZoomSelect

配置项说明

方法使用dispatchAction

在图形缩放时触发函数

2.使用brush

brush配置

方法使用dispatchAction

以上是关于echarts折线图手机端不能放大解决的主要内容,如果未能解决你的问题,请参考以下文章

手机端echarts加载慢怎么办

解决echarts的叠堆折线图数据出现坐标和值对不上的问题

canvas绘制折线图(仿echarts)

echarts中多个折线图怎么添加滚动条

大智慧安卓手机版,触屏手机怎样放大k线图?

jq手机端手势放大缩小怎么弄啊,例如下图使其放大