Highcharts 区域图 - 指定区域颜色

Question

我是编码新手，我觉得这个答案应该不难；然而，我已经为此挣扎了大约两天，所以我正在寻求帮助。

我试图在 Highcharts 的“负值面积图”中指定区域的颜色。我正在使用 Highcharts 的基本模板，但无法弄清楚如何更改各个区域的颜色。

这是包括我尝试指定颜色的 JSfiddle；当我这样做时，图表无法运行。（请注意，我已尝试更改“john”系列的颜色）。

http://jsfiddle.net/aoouym2o/

我按照 HighCharts 的 API 中给出的说明进行操作，但无法使其正常工作。这是 API 部分：http : //api.highcharts.com/highcharts#plotOptions.area.color

同样，这是原始代码，我没有尝试更改任何颜色：

$(function () {
$('#container').highcharts({
    chart: {
        type: 'area'
    },
    title: {
        text: 'Area chart with negative values'
    },
    xAxis: {
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
    },
    credits: {
        enabled: false
    },
    series: [{
        name: 'John',
        data: [5, 3, 4, 7, 2]
    }, {
        name: 'Jane',
        data: [2, -2, -3, 2, 1]
    }, {
        name: 'Joe',
        data: [3, 4, 4, -2, 5]
    }]
});

});

我错过了什么？

Answer 1

您做得完全正确，您只是在添加颜色设置之前缺少一个逗号；)

series: [{
        name: 'John',
        data: [5, 3, 4, 7, 2],
        color: '#FF0000'
    },

这是修改后的小提琴的链接。（更新到工作版本的链接）