首页 > 解决方案 > 没有滚动导航器跳转的 Highstock

问题描述

我对包含大值差异的数据的 histock 图表有奇怪的问题。当我将导航器中的选定区域从小值区域移动到禁用滚动的大值区域时,导航器无法正确缩放。如何解决这个问题呢?我想要没有动画和滚动的图表。

$(function () {

    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function (data) {
        
        for(var i=0; i<data.length ; i++){
          if(i < data.length/2) {
            data[i][1] = 5;
          } else {
            data[i][1] = 50000000000000;
          }
        }
        
        $('#container').highcharts('StockChart', {
			animation: false,
            rangeSelector : {
                selected : 1
            },
            title : {
                text : 'AAPL Stock Price'
            },
            yAxis: {
                opposite:false
            },
            scrollbar: {
       			enabled: false
            },
          	rangeSelector: {
            	enabled: false
          	},
            series : [{
                name : 'AAPL',
                data : data,
                tooltip: {
                    valueDecimals: 2
                }
            }]
        });
    });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>

<div id="container" style="height: 400px; min-width: 310px"></div>

jsFiddle:http: //jsfiddle.net/ch38kj15/4/

重现步骤:

  1. 在标有 (1) 的区域中设置范围
  2. 将选定范围移动到标有 (2) 的区域。图表中的长标签使图表和导航器更小,但导航器 (3) 中的一个容器不像休息那样缩放。
  3. 将选定范围移动到区域 (2) 中的其他位置。在这一刻,当鼠标左键按下并移动选定范围时,一个小导航器正在缩放并且选定范围正在移动并且线 (3) 正确缩放。

步骤 1 和 2

第2步

第 3 步

标签: highcharts

解决方案


推荐阅读