Echarts 柱状图

49 阅读1分钟

三个柱,带向下的柱状图,柱子y轴从指定数字开始,采用最下值,然后遍历数组,数组里的每一项都减去y轴起始数实现

option = {
  legend: {
    data: ['今日','近7日','近30日']
  },
  xAxis: {
    type: 'category',
    data: ['全部', '垂媒', '效媒', 'APP'],
    axisTick:{
      show:false
    }
  },
  yAxis: {
    type: 'value',
    axisLabel:{
      formatter:function (value){
        return value + 50
      }
    },
    min:-90
  },
  series: [    {
      data: [10, -40, 60, 200],
      type: 'bar',
      name:'今日',
      itemStyle:{
        color:'#3F79FD'
      }
    },
    {
      data: [50, -10, 60, 80],
      type: 'bar',
      name:'近7日',
      itemStyle:{
        color:'#1FC3D9'
      }
    },
    {
      data: [50, -10, 60, 80],
      type: 'bar',
      name:'近30日',
      itemStyle:{
        color:'#3A2AE4'
      }
    }
  ]
};