巧用echarts的scatter类型制作横线图表

option = {
  legend: {
    data: [
      { name: 'Total', icon: 'rect'},
      { name: 'Target', icon: 'path://m0.010277,5.945418l24.979446,0l0,2.109164l-24.979446,0l0,-2.109164z' }
    ]
  },
  grid: {
    top: 100,
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: 'Total',
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      barWidth: 30
    },
    {
      name: 'Target',
      data: [160, 240, 180, 140, 120, 180, 190],
      type: 'scatter',
      symbol: 'rect',
      symbolSize: [60, 2],
      label: {
        show: true,
        position: 'right'
      }
    }
  ]
};

https://echarts.apache.org/examples/zh/editor.html?c=bar-simple&code=PYBwLglsB2AEC8sDeAoWsA2BTA5l6AJgFzJrqwECGYlJA2mecrNJQLZYkDkAKsDRi4AaWBADGMbgCcsYsFwC-QxuSQt2nWL0pS88keMlaQ1ABZEA9BbYAGAHQ2AjDYBMAdjdCArHYCcAFi9_RwAODBd_PzcA_wA2IRsMGyEXO2dfR1j_DABaCKiY-MTkvLSbDKyALy5YBRUAXTIlMhwpCGJSJjBQEmdkpuV0AA8AQSGIAGcSVC6ATxBNLjFqXGApWeEVKhp6LgBZGGEtHgBXLCOuAHUsAgueUxOLgDE2i4BlaneT6C5G9Gb0LMxpNpiowPNFgA3SgYM5cAZkCZYNpYKawBhMGZMdQcbh8ASbbEUai0dGOFzJWAUymOLyUkKUtw05wiRwAZhs9UG2PBC24ACMdITsYKpJd2mBzLAOSoAaoVOhWLjjjo9MKmNtSXRMpSIjSGaz_DSKayDbBHL5Ody5nytBNlmAwMj1eQJrM2PzgBhpLJ9ArYG6PV63hBKpo6LFdVz_RhKPysN7OkSA6ZgAB3EhgKRna3YkDACYQSBGLhtHCmeT-upMauwRoKADcQA