0

Highstocks 1.2.5 (または最新の 1.3.2) を実行すると、IE10 (IE9 以前では動作しますが)、jQuery 1.6.4 で問題が発生します。これは、ページがフレームセット内になくても、フレームセット内にホストされている場合 (つまり、frame src="thispagebelow") に機能します。

ホストされているフレームセットのアスキー アート、x マークはこのページの下にあります

----------
|   t    |
----------
|   |    |
| l | x  |
|   |    |
----------

基本的に、マウスが X 座標 200 にある場合、ツールチップとズームの選択は 80 にあるかのように動作します。この例では、左側のフレーム (つまり "l") はおそらく 120px 幅 (つまり. 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 の互換表示がオンになっています。(Windows7)

Highstocks 1.2.5 を実行すると、フレームセットをズームインできます。本来あるべき場所からオフセットされているだけです。

Highstocks 1.3.2 の実行では、「マウスアップ」が発生したくないため、ズームは困難です (つまり、選択したズーム領域を取得しますが、「ズームイン」することはなく、強調表示された領域は変更されません)。

4

0 に答える 0