c3js - 更改焦点上的点颜色

Question

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

我的代码：

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

});

Answer 1

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

这是一个 fiddle/example： http://jsfiddle.net/ot19Lyt8/9/

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