c3.js中的多个选择

时间:2016-05-23 09:00:47

标签: angularjs d3.js c3.js

我使用c3.js制作图表,到目前为止,我已经能够使用事件选择图表中的选项.onClick但我无法弄清楚如何进行多项选择在图表中,因为在文档中他们说data.onselected尚不可用。

我想做的例子: 我有一个图表表示:data1,data2和data3,c3.js现在允许选择data1或data2或data3,但我想要的是select data1和data2

知道如何实现这一目标吗? 谢谢

1 个答案:

答案 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/