运行 Highstocks 1.2.5(或最新的 1.3.2)时,会在 IE10(尽管在 IE9 或更早版本中工作)、jQuery 1.6.4 中出现问题。如果页面不在框架集内,但如果托管在框架集内(即框架 src="thispagebelow"),则此方法有效。
托管框架集的 ascii 艺术,x 标记此页面下方
----------
| t |
----------
| | |
| l | x |
| | |
----------
基本上,如果我的鼠标在 X 坐标 200,那么工具提示和缩放选择的行为就好像它在 80 . 80 = 200 - 120)。
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head><title>in frameset</title>
<script src="jquery.js"></script><!-- version 1.6.4 -->
<script src="highstock.js"></script><!-- version 1.2.5 -->
<script type="text/javascript">
$(document).ready(function() {
/* first 33 points of highcharts aapl data hardcoded */
var data = [ [1150243200000,57.61], ... ,[1154304000000,67.96] ];
new Highcharts.StockChart({
chart: { renderTo: 'container', type: 'line', zoomType: 'x' },
series: [{ name: 'AAPL', data: data }]
});
});
</script>
</head>
<body>
<div id="container" style="width:800px; height: 500px;"></div>
</body>
</html>
IE10 的兼容性视图已打开。(视窗 8)
IE9 的兼容性视图已打开。(Windows 7的)
运行 Highstocks 1.2.5 我们可以放大框架集,它只是偏离了它应该在的位置。
运行 Highstocks 1.3.2 缩放具有挑战性,因为“鼠标上移”不想触发(即我们获得了选定的缩放区域,但我们从不“放大”并且突出显示的区域不会改变。