javascript - Highstock 在没有 Zoom 的情况下不显示最大数据值

标签 javascript jquery css highcharts

我的问题与解决的问题相同 here ,我无法对该问题添加评论。 Highstock 无法在不缩放的情况下显示最大数据点。 在这里 JsFiddle .我得到的 y 轴数据值在 0 到 1.7 之间,但得到的最大值是 3.19(参见 Fiddle April 9 22:53),它没有显示。当我们点击 Month 缩放按钮时,只有它会显示。如果我们点击 All,6M,3M,它不会显示。

$(document).ready(function(){
    var seriesOptions = [];
    var xaAxisData=[];

    var yAxisData=[]; 

for (var i=0; i<xaAxisData.length && i<yAxisData.length; i++){
    seriesOptions.push([xaAxisData[i],yAxisData[i]]);
       }
    // Create the chart
    var chart =new Highcharts.StockChart({
        chart: {
               renderTo: "container",
               height: 500,
               zoomType: 'x'
           },
        rangeSelector : {
            selected : 1,
            inputEnabled: $('#container').width() > 280
        },
        title : {
            text : 'AAPL Stock Price'
        },
        credits: {
              enabled: false
          },
        xAxis: {
                title: {
                   text: 'Time'
               },
               type: 'datetime',
               },
               yAxis: {
                   title: {
                       text: "Stock "
                   },
                   lineWidth: 1,
                   min:0,
                   gridLineWidth: 0,
                   endOnTick : false,
                   max:5

               },

        series : [{
            name : 'AAPL',
            showInLegend: true,
            data : seriesOptions,
            lineWidth : 1,
            marker : {
                enabled : true,
                radius : 2
            }
        }]
    });
} );

最佳答案

问题是dataGrouping。当缩小到很远时,它不再显示所有 点,而是每个“点”都是几个点的组合,并显示为平均值。

这是因为这些是 dataGrouping 的(其中两个)默认选项:

dataGrouping: {
    enabled: true,
    approximation: 'average'
}

您可以执行 enabled: false ( JSFiddle example ),但您可能会发现这会显着降低您的图表速度,具体取决于数据大小。

如果您真的很想看到“最高”点,您可以approximation: 'high' ( JSFiddle example ),这将显示每个分组中的最高值。

dataGrouping API reference下可以查看其他几个选项.这取决于您希望它的外观和性能,以及它应该在多大程度上反射(reflect)实际值(value)。

关于javascript - Highstock 在没有 Zoom 的情况下不显示最大数据值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24968682/

相关文章:

javascript - 如果没有值则设置 select 的默认值

javascript - 如何在执行 JavaScript 时自动更改 div 的 CSS 最小高度值?

javascript - 使用复选框突出显示特定表

html - 如何使用 CSS 网格将图像停靠在页眉中?

javascript - array.prototype.includes 与 set.prototype.has 的时间复杂度

javascript - 使用多个分隔符拆分的字符串

javascript - 如何使用jquery刷新页面的一部分

javascript - 为什么它读取[object Object]?

html - 如何在 Ionic 3 中实现文本的图像叠加

javascript - 使用 laravel 动态数据和灯箱