如何在库存图表系列中添加向上颜色和向下颜色？

Question

下面是我的图表的 jsfiddle 链接。 我想将 colorUp 设置为绿色，向下设置为红色。 我连续添加了 color 和 colorUp 属性，但不起作用。我不知道如何才能实现这一目标。

这是 jsFiddle 链接 https://jsfiddle.net/pe4dqk57/

(async () => {

// Load the dataset
const data = await fetch(
    'https://demo-live-data.highcharts.com/aapl-ohlcv.json'
).then(response => response.json());

const volume = [],
    dataLength = data.length;

for (let i = 0; i < dataLength; i += 1) {
    volume.push([
        data[i][0], // the date
        data[i][5] // the volume
    ]);
}

Highcharts.stockChart('container', {
    chart: {
        events: {
            load: function () {
                addPopupEvents(this);
            }
        }
    },
    yAxis: [{
        labels: {
            align: 'left'
        },
        height: '80%',
        resize: {
            enabled: true
        }
    }, {
        labels: {
            align: 'left'
        },
        top: '80%',
        height: '20%',
        offset: 0
    }],
   navigator:{
   enabled: false
   },
    series: [{
        type: 'scatter',
        data: volume
    }, {
        type: 'column',
        data: volume,
        yAxis: 1
    }],
   
});

})();

Answer 1

这就是我在散点股票图表中显示向上颜色和向下颜色的方法

data: volume.map(function (point, i) {
if (i === 0 || point[1] > volume[i - 1][1]) {
    return { x: point[0], y: point[1], color: 'green' }; // Higher or first point
} else {
    return { x: point[0], y: point[1], color: 'red' }; // Lower
}

}） 我刚刚使用映射方法连续传递数据，它工作正常。