v-charts中dataZoom遇到的坑

在使用v-charts时，部分引入v-charts的组件，在引入dataZoom组件时，总是有问题，dataZoom不出效果。 然后使用全部引入v-charts时，在使用dataZoom就没有问题

<ve-line :data="userRegChartData" :settings="chartSettings" height='320px' :data-empty="regdataEmpty" :data-zoom="dataZoom"></ve-line>

在js中

dataZoom: [{
  type: 'inside',
  show: true,
  start: 30,
  end: 90,
}, {
  start: 0,
  end: 100,
  height: 20
}],

这是在x轴上缩放，移动，第二个花括号中，是显示下边的伸缩框，height是伸缩框的高度。

dataZoom: [{
  type: 'slider',
  show: true,
  yAxisIndex: [0],
  left: '93%',
  start: 30,
  end: 80
}, {
  type: 'inside',
  show: true,
  yAxisIndex: [0],
  start: 30,
  end: 90
}, {
  start: 0,
  end: 100,
  height: 20
}],

这是在x轴和在y轴上的缩放。最后是伸缩框的设置，height是伸缩框的高度。