bar-chart - 如何使用 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 图表的工具提示功能显示值。有没有办法让我的条形图独立于 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];
    }
  }
}

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