Echarts折线图 图例修改为横线
实现效果:

重点:
在lengend属性中 data 中设置icon
{ name: 'Target', icon: 'path://m0.010277,5.945418l24.979446,0l0,2.109164l-24.979446,0l0,-2.109164z' }
代码:
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: 'line',
    }
  ]
};

 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号