echarts框选+缩放折线图

Posted

tags:

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

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

1.使用dataZoomSelect

配置项说明

方法使用dispatchAction

在图形缩放时触发函数

2.使用brush

brush配置

方法使用dispatchAction

以上是关于echarts框选+缩放折线图的主要内容,如果未能解决你的问题,请参考以下文章

28-Vue之ECharts-折线图

echarts折线图不堆叠设置

怎么让echarts折线图铺满整个div

怎么让echarts折线图铺满整个div

pyecharts折线图进阶篇

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