如何使用 C3 为字符串数据创建堆积条形图？

Question

我正在尝试使用 C3 图表创建堆积条形图。但是我在尝试绘制带有字符串值的图形时遇到了问题。我的数据看起来像这样

var data1=["Country", "Denmark", "India"]
var data2=["Value", 1, 1]
var X=["Item",'Item1','Item2]

c3.generate({
             data: {
                x:'Item', 
        columns:[[data1],[data2]],
                 type: 'bar' ,
        groups: [
            ['data1', 'data2']
        ]
    },);

我只想使用 C3 的工具提示功能显示值-chart.Is有没有办法让我的条形图独立于 y 轴？

谢谢

Answer 1

如果我没理解错的话，你可以这样做：http://jsbin.com/dowogejose/1/edit?html,js,output

基本上每个国家设置一个值1：

columns: [
  ['Denmark', 1],
  ['India', 1]
]

然后在工具提示格式上设置回调函数以从查找中获取值：

tooltip: {
  format: {
    value: function(value, ratio, id, index) {
      var lookup = {
        'Denmark': 123,
        'India': 456
      };
      return lookup[id];
    }
  }
}

您甚至可以将查找值存储在工具提示回调之外，并使用此对象生成列数组。

如何使用 C3 为字符串数据创建堆积条形图？

How to create stacked bar chart using C3 for string data?

bar-chart

c3