c3.js 中的多选

Question

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

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

知道如何实现吗？ 谢谢你

Answer 1

您可以尝试图表数据声明中使用的内置 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/