【ECharts】echarts可切换数据-柱状图

option = {
        //timeline基本配置都写在baseoption 中
        baseOption: {
          timeline: {
            axisType: 'category',
            show: true,
            autoPlay: true,
            playInterval: 1000,
            data: ['2016', '2017', '2018', '2019', '2020'],
          },
          grid: {
            containLabel: true,
          },
          xAxis: [
            {
              type: 'category',
              axisLabel: {
                show: true,
                interval: 0,
                rotate: 40,
                textStyle: {
                  color: '#A6D3FD',
                  fontSize: 14,
                },
              },
              axisPointer: {
                show: true,
                type: 'shadow',
              },
              data: [
                '呼和浩特市',
                '包头市',
                '呼伦贝尔市',
                '兴安盟',
                '通辽市',
                '赤峰市',
                '锡林郭勒盟',
                '乌兰察布市',
                '鄂尔多斯市',
                '巴彦淖尔市',
                '乌海市',
                '阿拉善盟',
              ],
            },
          ],
          yAxis: [
            {
              type: 'value',
              name: '产值',
              axisLabel: {
                formatter: '{value}',
              },
            },
          ],
          tooltip: {
            trigger: 'axis',
            axisPointer: {
              // 坐标轴指示器,坐标轴触发有效
              type: 'shadow', // 默认为直线,可选为:'line' | 'shadow'
            },
          },
        },
        //变量则写在options中
        options: [
          {
            series: [
              {
                name: '产值',
                type: 'bar',
                data: [
                  1941872.2,
                  1524715.0,
                  4319656.3,
                  2202106.9,
                  4394336.5,
                  4853615.5,
                  1761604.0,
                  2199018.6,
                  1881512.1,
                  2688429.4,
                  71789.1,
                  196804.2,
                ],
              },
            ],
          },
          {
            series: [
              {
                name: '产值',
                type: 'bar',
                data: [
                  1802313.7,
                  1487434.7,
                  4316361.2,
                  2309097.5,
                  4409851.3,
                  4899200.5,
                  1828367.6,
                  2051764.4,
                  1909886.9,
                  2823823.9,
                  80757.7,
                  216496.2,
                ],
              },
            ],
          },
          //2018
          {
            series: [
              {
                name: '产值',
                type: 'bar',
                data: [
                  1895316.8,
                  1619753.0,
                  4449195.4,
                  2590237.0,
                  4529974.3,
                  5159293.9,
                  2064416.7,
                  2093261.5,
                  1984931.6,
                  3147915.9,
                  87985.3,
                  230875.3,
                ],
              },
            ],
          },
          //2019
          {
            series: [
              {
                name: '产值',
                type: 'bar',
                data: [
                  2002186.3,
                  1708424.5,
                  4647335.7,
                  2871780.7,
                  4708255.8,
                  5476002.2,
                  2272632.5,
                  2226361.4,
                  2084226.2,
                  3430631.3,
                  92219.0,
                  243365.9,
                ],
              },
            ],
          },
          //2020
          {
            series: [
              {
                name: '产值',
                type: 'bar',
                data: [
                  2233591,
                  1882694,
                  4953138,
                  3200221,
                  5110208,
                  5923994,
                  2504850,
                  2406611,
                  2303082,
                  3807968,
                  107521,
                  289674,
                ],
              },
            ],
          },
        ],
      };

在这里插入图片描述

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卸载引擎

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值