繁体   English   中英

是否可以使用面积线图数据制作高图烛台图?

[英]Is it possible to make highcharts candlestick chart using areaspline chart data?

我有工作动态更新的Areapline图表,它每秒接收一次新系列的点。 无需准备特殊的烛台数据,是否可以在烛台视图(动态更新的最后一支蜡烛)中表示相同的数据? 也许某些插件可以计算并生成烛台数据?

因此,您想将数据点分组为例如10秒烛台吗? 是的,实际上可以通过将系列的类型更改为candlestick并应用dataGrouping

但是现在该系列需要OHLC数据,因此我们需要在将数据添加到系列中之前对其进行一些转换(请参阅fakeOHLC()方法):

    ...

    series: [{
        name: 'Random data',
        type: 'candlestick',
        dataGrouping: {
            forced: true,
            units: [['second', [10]]]
        },
        data: (function () {
            // generate an array of random data
            var data = [],
                time = (new Date()).getTime(),
                i;

            for (i = -999; i <= 0; i += 1) {
                var point = fakeOHLC(time + i * 1000, Math.round(Math.random() * 100));
                data.push(point);
            }
            return data;
        }())
    }]
});

function fakeOHLC(time, value) {
      return [time, value, value, value, value];
}

http://jsfiddle.net/r43nr3L2/1/

编辑:

要使x轴仅在绘制新蜡烛时才移动,而不是在每个传入的滴答声时才移动,就是将所有时间值四舍五入到当前蜡烛的开始时间。 (另请参阅有关priikone的“问题3”的讨论: https ://forum.highcharts.com/post120232.html)

function fakeOHLC(time, value) {
    time = Math.floor(time/10000) * 10000;
    return [time, value, value, value, value];
}

http://jsfiddle.net/r43nr3L2/2/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM