Question

我需要弄清楚如何在Highcharts中为不同颜色的相同数据系列点着色。例如，假设我有几天的数据系列，我想要一个折线图。在这一行中应该区分特定的日子（可能用某种颜色着色）。

Answer 1

在您的数据中，您可以指定特定点的颜色：

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 0
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

对于折线图，请使用“填充颜色”，如下面的答案中所述。

有关jsFiddle中的示例，请参阅http://jsfiddle.net/xqWp5/1/

Answer 2

尝试使用fillColor属性：

{
    name: 'xyz',
    x: 123,
    y: 456,
    fillColor: '#00FF00'
}

Answer 3

是的，你可以使用plotOptions.area.zones：

https://api.highcharts.com/highcharts/plotOptions.area.zones

参见示例：

mockMvc.perform(asyncDispatch(mockMvc.perform(requestBuilder).andReturn()));

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/color-zones/

使用plotOptions: { series: { zoneAxis: "x", zones: [{ value: 0, className: 'zone-0' }, { value: 10, className: 'zone-1' }, { className: 'zone-2' }], threshold: -10 } },，您可以指定用于区分不同颜色的轴。

Answer 4

你想要部分有彩色线条，你需要有尽可能多的颜色系列。换句话说，每种颜色应该是具有定义颜色的单独系列。

Highchart数据系列充满了不同的颜色

4 个答案: