C3.js堆积条形图,每个类别重叠

时间:2018-05-03 09:28:11

标签: javascript c3.js

我想让第二个数据组(data3,data4)与第一个数据组(data1,data2)重叠,以便在一个堆叠的条形图中看到它们。 这使我对数据组(data3,data4)的要求如下:

  • 必须基于数据组值在y2轴上,而不是在单个数据3或4
  • 必须与数据组(data1,data2)和格式化的更薄
  • 重叠
  • 数据3必须格式化透明

(见下面的Excel截图)

Example of two stacked bar charts, overlapping

var chart = c3.generate({
data: {
columns: [
    ['data1', 30],
    ['data2', 130],
    ['data3', 50],
    ['data4', 100]
    ],
type: 'bar',
groups: [
    ['data1', 'data2'], ['data3', 'data4']
    ]
  },
});
  • C3版本:0.5.4
  • D3版:d3.v5.min.js
  • 浏览器:版本66.0.3359.139(Offizieller Build)(64位)
  • 操作系统:Windows 10

感谢所有支持 迈克尔

0 个答案:

没有答案