Javascript HighCharts：是否可以定制单个系列的颜色？

我正在使用HighCharts作为折线图报告。在这份具体报告中，我被要求定制每个系列的颜色。这个系列将永远保持不变。例如：

约翰系列：蓝色虚线 玛丽系列：红色实线

---

有人知道如何做到这一点吗？

可以为每个系列分别设置选项

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        type: 'datetime'
    },

    series: [{
        name: 'John',
        color: '#0066FF',
        dashStyle: 'ShortDash',
        data: [
            [Date.UTC(2010, 0, 1), 29.9],
            [Date.UTC(2010, 2, 1), 71.5],
            [Date.UTC(2010, 3, 1), 106.4]
        ]
    },{
        name: 'Mary',
        color: '#FF0000',
        data: [
            [Date.UTC(2010, 0, 1), 60.9],
            [Date.UTC(2010, 1, 1), 40.5],
            [Date.UTC(2010, 2, 1), 90.0],
            [Date.UTC(2010, 3, 1), 80.4]
        ]
    }]
});

如果您阅读api，您将看到以下文本

系列

要附加到图表的实际系列。除了下面列出的成员外，该特定类型绘图的

plotOptions

的任何成员都可以单独添加到系列中。例如，即使在

plotOptions.series

中指定了常规

lineWidth

，也可以为每个系列指定单独的

lineWidth

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        type: 'datetime'
    },

    series: [{
        name: 'John',
        color: '#0066FF',
        dashStyle: 'ShortDash',
        data: [
            [Date.UTC(2010, 0, 1), 29.9],
            [Date.UTC(2010, 2, 1), 71.5],
            [Date.UTC(2010, 3, 1), 106.4]
        ]
    },{
        name: 'Mary',
        color: '#FF0000',
        data: [
            [Date.UTC(2010, 0, 1), 60.9],
            [Date.UTC(2010, 1, 1), 40.5],
            [Date.UTC(2010, 2, 1), 90.0],
            [Date.UTC(2010, 3, 1), 80.4]
        ]
    }]
});

因此，您可以从

plotOptions

添加任何内容

演示：

---

谢谢你！参考文档使您似乎只能为所有系列设置选项。当我看到它时，我觉得很奇怪，但这说明了问题。你能把那个颜色变成有条件的吗？想知道是否可以通过格式化程序获得颜色。