ハイチャートで常に十字線を表示する方法

デフォルトで十字をハイチャートに表示したいのですが、いつもそこにあるはずです。ハイチャートのすべてのx軸ポイントで十字線を表示するには？ハイチャートで常に十字線を表示する方法

2017-02-27 Naveen

axis.plotLinesの機能を見てみましょう。すべての点にplotLinesを追加できます - 公式APIの利用可能なオプションをご覧くださいhttp://api.highcharts.com/highcharts/xAxis.gridLineWidth – morganfree

x軸の各点に？あなたは 'gridLines'を参照していますが、X Axisのグリッド線はデフォルトで幅が' 0'です - 必要に応じて幅を設定します。 Ref：http://api.highcharts.com/highcharts/xAxis.gridLineWidth – jlbriggs

@morganfreeとjibriggsに感謝します。出来た。 – Naveen

使用highcharts APIマウスもちろんこれは、ようになりますjqueryの

を使用して、チャート

<script src="https://code.highcharts.com/highcharts.js"></script> 

<div id="container" style="height: 400px"></div> 
Highcharts.chart('container', { 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
    plotOptions: { 
     series: { 
      cursor: 'crosshair', 
      events: { 
       click: function() { 
        alert('You just clicked the graph'); 
       } 
      } 
     } 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
});

using api jsfiddle

にするときのポイントの上に十字に変わります

マウスカーソルはクロソですいつでもグラフ上にある。

$("#container").css('cursor', 'crosshair');

using jquery jsfiddle

出典

2017-02-28 12:18:17

こんにちはこれは必要なものではありません。ハイチャートの十字線の意味です。このhttp://jsfiddle.net/k8msjmbx/を参照してください。十字線はマウスの上に表示されます。私は常にそこにいて欲しいです。 – Naveen

ハイチャートで常に十字線を表示する方法

答えて

関連する問題