起啥名呢啊 2023-02-14 16:38 采纳率: 46.2%
浏览 75

echarts柱状图 如何让柱子重叠

如何在echarts柱状图的每个系列里面,为每个柱子设置阴影?
就像这样:

img

现在用的是series.barGap这个参数 设置为-100%;
但是这样的话 会将每个系列的所有柱子 重叠到一起.比如:
我有两个柱子,需要为这两个柱子分别设置个阴影柱子. 用上面的方法呢,会将这4个柱子重叠起来, 而不是两两分组.
有什么办法呢?

  • 写回答

3条回答 默认 最新

  • 看客008 2023-02-14 17:01
    关注

    在series里设置showBackground: true,

    series: [
        {
          name: '2011',
          type: 'bar',
          data: [18203, 23489, 29034, 104970, 131744, 630230],
          showBackground: true,
          backgroundStyle: {
            color: 'rgba(180, 180, 180, 0.2)'
          }
        },
        {
          name: '2012',
          type: 'bar',
          data: [19325, 23438, 31000, 121594, 134141, 681807],
          showBackground: true,
        }
      ]
    
    
    评论

报告相同问题?

问题事件

  • 修改了问题 2月15日
  • 修改了问题 2月14日
  • 修改了问题 2月14日
  • 创建了问题 2月14日