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

Javascript 在数据事件中访问c3js中的数据值,javascript,json,d3.js,c3.js,c3,Javascript,Json,D3.js,C3.js,C3,我试图弄清楚,在onclick事件中,是否有方法访问Company数据数组中的值。到目前为止,使用api函数,我只能访问用户数组 var chartCompany = c3.generate({ bindto: '#users-chart', data: { x: 'Company', url: '/ajax_call', mimeType: 'json', type: 'bar',

我试图弄清楚,在
onclick
事件中,是否有方法访问
Company
数据数组中的值。到目前为止,使用
api
函数,我只能访问
用户
数组

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]工作静态示例:

在尝试了很多不同的东西之后,我最终只查看了图表对象本身,发现了一个属性
categories
。当x轴被声明为category类型时,这将被填充,就像在我的例子中一样。因此,要从x轴获取数据,需要调用
.categories()
函数

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

单击图表中的条形图时,将返回相应的类别。

我很乐意提供帮助,但您是否可以在不使用ajax调用的情况下将图表拼凑成一个单独的版本?我举了一个工作示例: