Question

我正在以图表形式显示我的股票数据。我正在使用Highcharts。但我没有得到适当的输出。见图像

enter image description here

问题：

保证金：
正如您所看到的，y轴上的边距非常高，因此我的欧姆数据显示非常薄。
悬停在某些点上时，某些点未突出显示：
当我试图悬停在某些点上时，它并没有显示该点的数据。它坚持上一点的数据。
底部的蓝色区域：
如您所见，底部的蓝色区域不会根据特定区域的数据而变化。
滚动问题：
当我尝试移动滚动条或尝试增加其大小时，它会卡在最右侧。（所以当我试图移动时，它无法移动滚动，因为它会卡在右侧。）
缩放问题：
当我尝试使用缩放选项放大时，我无法缩放数据。对于所有缩放，它与“全部”选项

我在this script :(两个窗格，烛台和音量）中进行了一些更改以接收我的数据。

我正在使用$ .getJSON从PHP文件中检索所有实时数据并做所有事情我不能创造它的小提琴因为它是我的实时股市数据。

以下是代码：

$(function() {
    $.getJSON('get_data.php?type=ohlc', function(data) {

        // split the data set into ohlc and volume
        var ohlc = [],
            volume = [],
            dataLength = data.length;

            alert(data);

        for (i = 0; i < dataLength; i++) {
            ohlc.push([
                data[i]['SQLDT'], // the date
                parseFloat(data[i]['OPN']), // open
                parseFloat(data[i]['HGH']), // high
                parseFloat(data[i]['LWE']), // low
                parseFloat(data[i]['CLS']) // close
            ]);

            volume.push([
                data[i]['SQLDT'], // the date
                parseFloat(data[i]['VOL']) // the volume
            ])
        }



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

        // create the chart
        chart = new Highcharts.StockChart({
            chart: {
                renderTo: 'container',
                alignTicks: false
            },

            rangeSelector: {
                selected: 1
            },

            title: {
                text: 'AAPL Historical'
            },

             xAxis:[ {
        min: 10
    },{
         min: 10
    }],

            yAxis: [{
                title: {
                    text: 'OHLC'
                },
                height: 200,
                lineWidth: 2,

            }, {
                title: {
                    text: 'Volume'
                },
                top: 300,
                height: 100,
                offset: 0,
                lineWidth: 2
            }],
              scrollbar: {
        enabled: true
    },
            series: [{
                type: 'candlestick',
                name: 'AAPL',
                data: ohlc,
                dataGrouping: {
                    units: groupingUnits
                }
            }, {
                type: 'column',
                name: 'Volume',
                data: volume,
                yAxis: 1,
                dataGrouping: {
                    units: groupingUnits
                }
            }]
        });


    });
});

Answer 1

<强>边距：如您所见，y轴上的边距非常高！因为我的欧姆数据显示非常薄。

尝试adjusting the max以更好地利用房地产

悬停在它们上方时，某些点未突出显示： 当我试图悬停在某些点上时，它并没有向我显示该点的数据。它坚持上一点的数据。

尝试停用Stick Tracking

底部的蓝色区域阴影： 如您所见，底部的蓝色区域不会根据特定区域的数据而变化。

确保导航器指向正确的base series

滚动问题：       当我尝试移动滚动条或尝试增加它的大小时，它会卡在最右侧。（因此，当我试图移动它时，它无法移动滚动，因为它会在右侧粘住。）

缩放问题：       当我尝试使用缩放选项放大时无法缩放数据。对于所有缩放，它与“全部”选项
保持一致

如果您的javascript中出现其他问题，可能会出现这些问题。检查控制台是否有错误。

我可以理解你不能分享你的真实代码，但jsFiddle再现这个问题可能有所帮助。使用虚拟值，或共享$ .getJSON调用的结果json

Highcharts / Highstocks jQuery - 滚动，缩放和保证金问题

1 个答案: