为什么我不能在 highstocks.js 的烛台图表中获得超过 55 个柱的单个柱颜色？答案

【问题标题】：Why can't I get individual bar colors in a candlestick chart in highstocks.js for more than 55 bars?为什么我不能在 highstocks.js 的烛台图表中获得超过 55 个柱的单个柱颜色？
【发布时间】：2016-08-05 12:56:56
【问题描述】：

当我尝试将单个颜色应用于highstocks.js 中的烛台图表中的柱形图时，我发现了这种奇怪的行为。

我做了一个JSFiddle 的例子，但我从original candlestick example 改变的只是柱形（体积）图表的值：

volume.push([
    data[i][0], // the date
    data[i][5] // the volume
]);

到：

volume.push({
    'x': data[i][0],
    'y': data[i][5],
    'color': 'green'
});

因此，当我将推入 ohlc 和 volume 的条数从 54 更改为 55（而不是 dataLength）时，颜色突然不再适用。

尝试自己，使用“少量”条（对我来说 =55），音量条是黑色的，并且不是绿色的。

我怎样才能避免这种情况？当然，无论我要绘制多少条，我都希望应用颜色。

（这只是一个简单的玩具示例，在我的实际应用中，条的数量要多得多，并且根据规则着色。）

【问题讨论】：

奇怪，颜色在我的Fiddle中使用

标签： javascript highcharts colors highstock

【解决方案1】：

我找到了an answer on the Highcharts forum。我需要禁用dataGrouping 才能使其工作。将列系列添加为：

{
    type: 'column',
    name: 'Volume',
    data: volume,
    yAxis: 1,
    dataGrouping: {
        units: groupingUnits,
        enabled: false
    }
}

会让一切顺利。我看到音量条根本没有绘制大时间序列...

【讨论】：