vue echart中关于visualmap问题

visualMap: [
  // 第一个visualMap
  {
    type: 'continuous',
    min: 0,
    max: 100,
    ...
  },
  // 第二个visualMap
  {
    type: 'piecewise',
    splitNumber: 5,
    ...
  }
],

option = { xAxis: { type: 'category', boundaryGap: false }, yAxis: { type: 'value', boundaryGap: [0, '30%'] }, visualMap: [ { id:0, show: true, dimension: 0, // 作用于x轴 pieces: [ { gt: 0, lt: 5, color: '#FF0000' }, // 分段颜色 红色 { gt: 5, lt: 10, color: '#00FF00' }, //绿色 // ... ] }, { id:1, show: false, dimension: 1, // 作用于y轴 pieces: [ { lt:0,gt:-100, color: '#0000FF' }, // 分段颜色 蓝色 // ... ] } ], series: [ { type: 'line', smooth: 0.6, symbol: 'none', lineStyle: { color: '#5470C6', width: 5 }, // markLine: { // symbol: ['none', 'none'], // label: { show: false }, // data: [{ xAxis: 1 }, { xAxis: 3 }, { xAxis: 5 }, { xAxis: 7 }] // }, areaStyle: { // color:'pink',origin:'start' }, data: [ [1, 200], [2, 560], [3, -750], [4, 580], [5, 250], [6, 300], [7, 450], [8, 300], [9, 100], ] } ] }; 我现在这样实现的，方便详细说说吗？