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调用的情况下将图表拼凑成一个单独的版本?我举了一个工作示例: