c3js - 在焦点上更改点颜色

Question

是否可以在 c3.js 中更改点的颜色（散点图）？

我的代码：

var chart = c3.generate({
    ...
    point: {
        r: function(d) {
            return Math.random() * 3;
        },
        focus: {
            expand: {
                enabled: false
            }
        }
    }

});

Answer 1

您可能需要深入研究支撑它的 D3。

这是一个小提琴/示例： http://jsfiddle.net/ot19Lyt8/9/

onmouseover: function(d) 为您提供数据点索引 (d.index)，您可以使用它来查找 svg 上的第 n 个圆圈，然后更改颜色（填充）。使用 onmouseout 类似地将颜色重置为之前的颜色。