echarts 多个柱状图

var option = {
     //标题
      title : [{
       text: '投资报表',
       left: '25%',
        textAlign: 'center',
    },{
       text: '投资报表',
       left: '75%',
        textAlign: 'center',
    },{
       text: '投资报表',
       left: '25%',
        top: '28%',
        textAlign: 'center',
    },{
       text: '投资报表',
       left: '75%',
        top: '28%',
        textAlign: 'center',
    },{
       text: '投资报表',
        top: '60%',
        left: 'center',
    }]

    ,tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器,坐标轴触发有效
            type: 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        }
    },
   legend:[ {
         data: ['上报省政府年度计划 ','集团下达年度计划','实际完成投资'],
         left: '10%',
         top :'3%'
    }, {
         data: ['上报省政府年度计划 ','集团下达年度计划','实际完成投资'],
         left: '60%',
         top :'3%'
    },{
         data: ['上报省政府年度计划 ','集团下达年度计划','实际完成投资'],
         left: '10%',
         top :'31%'
    }, {
         data: ['上报省政府年度计划 ','集团下达年度计划','实际完成投资'],
         left: '60%',
         top :'31%'
    }, {
         data: ['上报省政府年度计划 ','集团下达年度计划','实际完成投资'],
         top :'63%'
    }
    ],

    xAxis: [
    {
        type: 'category',
        data: ['1月','2月','3月'],
        gridIndex: 0    
        },
        {
        type: 'category',
        data: ['1月','2月','3月'],
        gridIndex: 1        
         },{
        type: 'category',
        data: ['1月','2月','3月'],
        gridIndex: 2    
        },
        {
        type: 'category',
        data: ['1月','2月','3月'],
        gridIndex: 3        
         },{
        type: 'category',
        data: ['1月','2月','3月'],
        gridIndex: 4    
        }
    ],
    yAxis: [
        {type: 'value',gridIndex: 0},
        {type: 'value',gridIndex: 1},
        {type: 'value',gridIndex: 2},
        {type: 'value',gridIndex: 3},
        {type: 'value',gridIndex: 4}
    ],
grid: [{
        width: '40%',
        bottom:'75%',
        left: '7%'
        
    }, {
        width: '40%',
        bottom:'75%',
        left: '52%'
       
    }, 
    
    
    {
        top: '35%',
        width: '40%',
          bottom:'45%',
        left: '7%'
       
    }, {
        top: '35%',
        width: '40%',
        bottom:'45%',
        left: '52%'
      
    },
    
    {
        top: '68%',
        width: '93%',
        bottom: '6%',
        left: '7%'
       
    }
    
    
    ],
    series: [{
          name: '上报省政府年度计划 ',
        data: ['100','200','300'],
        color:['#14c2c3'],
        xAxisIndex: 0,
        yAxisIndex: 0,
        type: 'bar'
        
        
        
    },{
          name: '集团下达年度计划',
        data: ['100','200','300'],
        color:['#1890ff'],
         xAxisIndex: 0,
        yAxisIndex: 0,
        type: 'bar'
    },{
          name: '实际完成投资',
        data: ['100','200','300'],
        color:['#facc14'],
        xAxisIndex: 0,
        yAxisIndex: 0,
        type: 'bar'
    },
    
    {
          name: '上报省政府年度计划 ',
        data: ['100','200','300'],
        color:['#14c2c3'],
        xAxisIndex: 1,
        yAxisIndex: 1,
        type: 'bar'
        
        
        
    },{
          name: '集团下达年度计划',
        data:['100','200','300'],
        color:['#1890ff'],
         xAxisIndex: 1,
        yAxisIndex: 1,
        type: 'bar'
    },{
          name: '实际完成投资',
        data: ['100','200','300'],
        color:['#facc14'],
        xAxisIndex: 1,
        yAxisIndex: 1,
        type: 'bar'
    },
    
    {
          name: '上报省政府年度计划 ',
        data: ['100','200','300'],
        color:['#14c2c3'],
        xAxisIndex: 2,
        yAxisIndex: 2,
        type: 'bar'

    },{
          name: '集团下达年度计划',
        data: ['100','200','300'],
        color:['#1890ff'],
         xAxisIndex: 2,
        yAxisIndex: 2,
        type: 'bar'
    },{
          name: '实际完成投资',
        data: ['100','200','300'],
        color:['#facc14'],
        xAxisIndex: 2,
        yAxisIndex: 2,
        type: 'bar'
    },
    {
          name: '上报省政府年度计划 ',
        data: ['100','200','300'],
        color:['#14c2c3'],
        xAxisIndex: 3,
        yAxisIndex: 3,
        type: 'bar'
    },{
          name: '集团下达年度计划',
        data: ['100','200','300'],
        color:['#1890ff'],
         xAxisIndex: 3,
        yAxisIndex: 3,
        type: 'bar'
    },{
          name: '实际完成投资',
        data: ['100','200','300'],
        color:['#facc14'],
        xAxisIndex: 3,
        yAxisIndex: 3,
        type: 'bar'
    },{
          name: '上报省政府年度计划 ',
        data: ['100','200','300'],
        color:['#14c2c3'],
        xAxisIndex: 4,
        yAxisIndex: 4,
        type: 'bar'
        
        
        
    },{
          name: '集团下达年度计划',
        data: ['100','200','300'],
        color:['#1890ff'],
         xAxisIndex: 4,
        yAxisIndex: 4,
        type: 'bar'
    },{
          name: '实际完成投资',
        data: ['100','200','300'],
        color:['#facc14'],
        xAxisIndex: 4,
        yAxisIndex: 4,
        type: 'bar'
    }
    
    ]
}

相关文章:

  • 2021-07-16
  • 2021-11-24
  • 2020-10-04
  • 2021-11-04
  • 2021-12-12
  • 2021-11-01
  • 2021-11-01
  • 2020-04-23
猜你喜欢
  • 2021-09-08
  • 2021-09-11
  • 2021-09-26
  • 2020-01-06
  • 2019-09-03
  • 2019-02-26
  • 2021-11-04
  • 2021-10-01
相关资源
相似解决方案