c3.js中的多个选择

Question

我正在使用c3.js制作图形，到目前为止，我已经能够使用event .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/