highcharts - 没有滚动导航器跳转的 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) 的区域中设置范围
- 将选定范围移动到标有 (2) 的区域。图表中的长标签使图表和导航器更小,但导航器 (3) 中的一个容器不像休息那样缩放。
- 将选定范围移动到区域 (2) 中的其他位置。在这一刻,当鼠标左键按下并移动选定范围时,一个小导航器正在缩放并且选定范围正在移动并且线 (3) 正确缩放。
解决方案
推荐阅读
- spyder - 执行前重启 spyder ipython 控制台
- javascript - 使用eslint错误更新javascript数组中所有对象的对象值
- openssl - 无法连接:加载 X.509 密钥对时出错
- python - Matplotlib FuncAnimation 抛出“AttributeError:‘NoneType’对象没有属性‘间隔’”
- azure-active-directory - 在 .NET Core 3.1 中验证 Azure AD 生成的 JWT 签名和算法
- outlook-2013 - Outlook 2013 中附加文件的默认文件夹更改
- javascript - 如何在密码字段中添加图标以在 Rails 中显示和隐藏密码
- pine-script - 每次多头/空头入场时都需要重置 ATR 追踪止损
- java - 处于睡眠模式时必须关闭 Java 应用程序
- python - 如何使用 Python 在 CSV 文件的列中插入基于条件的值?