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的工具提示功能显示值。是否有办法使我的条形图独立于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];
    }
  }
}

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

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

1 个答案: