chart.js - 更改特定图表点的颜色

Question

是否可以使用 dx ChartJS 更改特定点的颜色？我知道如何更改整个系列的点颜色，但我找不到任何有关更改特定点的信息。

Answer 1

你可以使用

customizePoint 

回调。

$("#container").dxChart({
    dataSource: dataSource,
    ...
    customizePoint: function() {
        if(this.value > highAverage) {
            return { color: '#ff4500', hoverStyle: { color: '#ff4500' } };
        } else if(this.value < lowAverage) {
            return { color: '#00ced1', hoverStyle: { color: '#00ced1' } };
        }
    },
    ....
}

});

您可以找到documentation和 demo