Echats

Echats"/>

Echats

Echats----实现效果，一个datazoom同时控制两个图表

效果描述

1.Echarts是一种通过配置来实现一些图表效果的工具，本身的使用难度并不大。
但是，往往项目的本身需要一些特殊的效果，并不能通过直接的配置来解决问题，
这个时候可能会遇到一些难题。
2.通过查询结果网上的解决方法都是解决通过datazoom控制两个纵向排列的图表，
而参与项目则是需要实现控制两个横向的图表，并附带两图表的合并效果。

解决方法

尝试方法：

同一个图表中设置两个grid/两套坐标轴，通过left,top来控制grid的位置。通过datazoom的 xAxisIndex/ yAxisIndex属性来确定datazoom可以控制那些x轴或者y轴。（缺陷：通过尝试无法实现图表合并现效果的动画）

实现方法：
1.使用来那个div,来放置两个图表，一个大的div,一个小的div,大div的作用用来显示完整的拖动轴（datazoom）,小的div不显示datzoom。
2.通过echarts的connect方法将两个图表链接起来，这样他们可以公用一个datazoom了,同时因为两个图表在两个图表中也不会影响他们实现一些动画效果，、。
如图：