在数据事件中访问c3js中的数据值

Question

我想弄清楚,如果有办法从事件中的Company数据数组访问值onclick.到目前为止使用的api函数我只能访问Users数组.

var chartCompany = c3.generate({
    bindto: '#users-chart',        
    data: {
        x: 'Company',
        url: '/ajax_call',
        mimeType: 'json',
        type: 'bar',
        axes: {
            Company: 'x'
        },
        onclick: function (d, i) { console.log(chartCompany.data()); }
    },
    axis: {
        x: {
            type: 'category',
             show: false
        },
    }
});

来自服务器的json响应:

{
 "Company": ["Company 1", "Company 2", "Company 2"],
 "Users"  : [10, 20, 30]
}

任何帮助/想法将受到高度赞赏.

[编辑1]详细说明我的问题:当点击用户的数据(显示为条形图)时,我想获得相应的公司.

[编辑2]工作静态示例:http://jsfiddle.net/et37a9t2/

Answer 1

经过大量尝试不同的事情后,我终于只看了图表对象并发现了一个属性categories.这是填充的,当x轴被声明为类型类别时,就像我的情况一样.因此,要从x轴获取数据,需要调用该.categories()函数.

        ...
        },
        onclick: function (d, i) { console.log(chartCompany.categories()[d.index]); }
    },
    ...

单击图表中的栏时,将返回相应的类别.