在数据事件中访问 c3js 中的数据值
Accessing data values in c3js in data events
我想知道是否有办法访问 onclick
事件中 Company
数据数组的值。到目前为止,使用 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]
}
任何 help/ideas 将不胜感激。
[编辑 1] 详细说明我的问题:单击来自用户的数据(显示为条形)时,我想获得相应的公司。
[编辑 2] 工作静态示例:http://jsfiddle.net/et37a9t2/
在尝试了很多不同的东西之后,我最终只看了图表对象本身并发现了 属性 categories
。这是填充的,当 x 轴被声明为类型类别时,就像我的情况一样。因此,要从 x 轴获取数据,需要调用 .categories()
函数。
...
},
onclick: function (d, i) { console.log(chartCompany.categories()[d.index]); }
},
...
单击图表中的柱形图时,将返回相应的类别。
我想知道是否有办法访问 onclick
事件中 Company
数据数组的值。到目前为止,使用 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]
}
任何 help/ideas 将不胜感激。
[编辑 1] 详细说明我的问题:单击来自用户的数据(显示为条形)时,我想获得相应的公司。
[编辑 2] 工作静态示例:http://jsfiddle.net/et37a9t2/
在尝试了很多不同的东西之后,我最终只看了图表对象本身并发现了 属性 categories
。这是填充的,当 x 轴被声明为类型类别时,就像我的情况一样。因此,要从 x 轴获取数据,需要调用 .categories()
函数。
...
},
onclick: function (d, i) { console.log(chartCompany.categories()[d.index]); }
},
...
单击图表中的柱形图时,将返回相应的类别。