javascript - 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'
    },

Here is a link到一个修改过的 fiddle 。 (更新了工作版本的链接)