Highstock Issue - 无法正确绘制和绘制图表

时间:2013-04-05 09:17:17

标签: highstock

我正在研究使用Highstock显示股票信息的项目。

问题1:

我尝试使用ohlc图表显示ohlc数据,使用areasplinerange图表显示高和低,使用column图表显示音量。

如果我缩放1m3m6mYTD1y,一切正常。这是快照。 link1。但如果缩放到All,图表会像link2一样混乱。

我的编码错误还是错误?

问题2:

在同一个图表中,我有代码可以将图表类型从ohlc更改为line。当我缩放到1m3m时,它可以正常工作。这是快照link3。但是当我缩放到6m1yAll时,它没有显示折线图。这是快照link4

这怎么可能发生?

感谢您的帮助。

守则: 这是我用来显示图表的代码

$.getJSON(url, function (data1) {
    $.getJSON(urlprediction, function (data2) {
        var ohlc = [],
            volume = [],
            closed = [],
            forecast = [],
            dataLength1 = data1.length;
            dataLength2 = data2.length;

        for (i = 0; i < dataLength1; i++) {
            ohlc.push([
                data1[i][0], // the date
                data1[i][1], // open
                data1[i][2], // high
                data1[i][3], // low
                data1[i][4] // close
            ]);

            closed.push([
                data1[i][0], // the date
                data1[i][4] // close
            ]);

            volume.push([
                data1[i][0], // the date
                data1[i][5] // the volume
            ])
        }

        for (i = 0; i < dataLength2; i++) {         
            forecast.push([
                data1[i][0], // the date
                data1[i][1],
                data1[i][2], // close
            ])
        }

        // set the allowed units for data grouping
        var groupingUnits = [[
            'week',                         // unit name
            [1]                             // allowed multiples
        ], [
            'month',
            [1, 2, 3, 4, 6]
        ]];

        $('#container').highcharts('StockChart', {

                rangeSelector: {
                    selected: 1
                },
                title: {
                    text: title
                },  
                yAxis: [{
                    title: {
                        text: 'OHLC'
                    },
                    height: 360,
                    lineWidth: 2
                }, {
                    title: {
                        text: 'Volume'
                    },
                    top: 433,
                    height: 100,
                    offset: 0,
                    lineWidth: 2
                }],
                series: [{
                    type: 'ohlc',
                    name: stockname,
                    data: ohlc,
                }, {
                    type: 'areasplinerange',
                    name: stockname,
                    data: data2,
                }, {
                    type: 'column',
                    name: 'Volume',
                    data: volume,
                    yAxis: 1,
                }]
        });
    });
});

0 个答案:

没有答案