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'
    }
    
    ]
}

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值