0

运行 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 缩放具有挑战性,因为“鼠标上移”不想触发(即我们获得了选定的缩放区域,但我们从不“放大”并且突出显示的区域不会改变。

4

0 回答 0