ハイチャートチャートがクリック可能であることをユーザーに通知するにはどうすればよいですか？

Question

私はChartを生成するためにHighcharts Javascriptライブラリを使用しています。

私は、以下の構文を使用してHighchartsによってサポートされているチャートのクリック可能な、したいと思います：チャートの上にあなたのマウスは、表示されるグラフの視覚的な変化（例えば国境はありませんとき、しかし

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'chart-container-revenue-per-purchaser', 
     defaultSeriesType: 'line', 
     events: { 
      click : function() { location.href = '/revenue/purchaser' } 
     } 
    }, 

を、カーソルを変更する形状）を使用して、チャートがクリック可能であることを視聴者に示す。

これはハイチャートがサポートしているものか、CSSを使用して実装する必要がありますか？

ありがとうございます。

Answer 1

はこれを試してオブジェクト

 plotOptions: { 
      line: { 
       allowPointSelect: true, 
       cursor: 'pointer'   
      } 
     }, 

Answer 2

にこれを追加します。

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'chart-container-revenue-per-purchaser', 
     defaultSeriesType: 'line', 
     events: { 
      click: function() { 
       location.href = '/revenue/purchaser' 
      } 
     } 
    }, 
    plotOptions: { 
     series: { 
      cursor: 'pointer', 
      point: { 
       events: { 
        click: function() { 
         alert('clicked'); 
        } 
       } 
      }, 
      marker: { 
       lineWidth: 1 
      } 
     } 
    } 
});​ 

これはplotOptions-から 'カーソル' オプションを使用していますhttp://www.highcharts.com/demo/line-ajax

から取ら>

をserise

カーソル：文字列
クリックイベントがシリーズに付いている場合は、ポイントとラインをクリックできることをユーザーに知らせるためにカーソルを「ポインタ」に設定できます。デフォルトは ''です。

http://www.highcharts.com/ref/#plotOptions-series--cursor