数据结构：

data() {  return {  charts: [  {  title: 'Chart 1',  xAxisData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],  yAxisData: [120, 200, 150, 80, 70, 110, 130],  },  {  title: 'Chart 2',  xAxisData: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],  yAxisData: [220, 182, 191, 234, 290, 330, 310],  },  {  title: 'Chart 3',  xAxisData: ['Q1', 'Q2', 'Q3', 'Q4'],  yAxisData: [320, 332, 301, 334],  },  {  title: 'Chart 4',  xAxisData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],  yAxisData: [320, 332, 301, 334，200，150，80],  }, ],  chartInstances: [],  };  },  

使用forEach遍历初始化图表，一定要把resize缩放函数也添加到遍历过程中，才能实现每个图表有独立的缩放！

一定要销毁缩放事件，避免内存泄漏！！

初始化图表函数和缩放函数：
缩放函数要遍历chart实例对象

以下时图表的配置项option:

图表样式：使用面积图并添加渐变色

滑动缩放配置：

效果图：