我使用c3.js制作图表,到目前为止,我已经能够使用事件选择图表中的选项.onClick但我无法弄清楚如何进行多项选择在图表中,因为在文档中他们说data.onselected尚不可用。
我想做的例子: 我有一个图表表示:data1,data2和data3,c3.js现在允许选择data1或data2或data3,但我想要的是select data1和data2
知道如何实现这一目标吗? 谢谢
答案 0 :(得分:2)
您可以尝试使用图表数据声明中使用的内置c3功能:
selection: {
enabled: true,
multiple: true,
}
http://c3js.org/reference.html#data-selection-multiple
唯一的问题是c3并没有在视觉上做很多事情来区分选定的和未选择的默认值,所以有些css可能有所帮助:
._selected_ : {
fill-opacity: 1;
}
.c3-shape:not(._selected_) {
fill-opacity: 0.4;
}
这里完整的小提琴:http://jsfiddle.net/k9Dbf/890/