Question

当我尝试将单个颜色应用于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）的条形数量突然变化时，颜色突然不再应用了。

尝试自己，小小的＆＃39;条纹数量（对我而言<55）绿色应用得很好，但是对于更多数量的条形图（对我来说> = 55），音量条是黑色而不是绿色。

我该如何避免这种情况？我想要颜色适用，无论我正在绘制多少条吧。

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

Answer 1

我找到了答案here。我需要禁用dataGrouping才能使其正常工作。将列系列添加为：

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

将使一切顺利。我看到音量条根本不适用于大型时间序列......但

为什么我不能在highstocks.js的烛台图表中获得超过55条的单独条形图颜色？

1 个答案: