Echart柱状图：堆叠柱状图显示value

最新推荐文章于 2024-07-31 14:40:54 发布

HaanLen

最新推荐文章于 2024-07-31 14:40:54 发布

阅读量777

点赞数

分类专栏： Echart 文章标签： echarts vue.js 前端

本文链接：https://blog.csdn.net/weixin_40119412/article/details/125010496

版权

Echart 专栏收录该内容

27 篇文章 3 订阅

订阅专栏

在这里插入图片描述

option = {
  title: {
    text: 'World Population'
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value'
  },
  yAxis: {
    type: 'category',
    data: ['Indonesia', 'USA', 'India', 'China', 'World']
  },
  series: [
    {
      name: '2011',
      type: 'bar',
      stack: 'total',
      label: {
        show: true
      },
      data: [823, 234, 2034, 4970, 230]
    },
    {
      name: '2012',
      type: 'bar',
      stack: 'total',
      label: {
        show: true
      },
      data: [325, 238, 1214, 1141, 807]
    }
  ]
};