2016-04-19 7 views
1

ハイチャート - プロットバンドをホバーすることによってカーソルをポインターに合わせようとしています。これは不可能と思われる。 Plotband-Lableをポインタにホバリングすることでカーソルを回すことができます。しかし、何がうまくいかなかったのは、Lableをクリック可能にすることでした。どちらの方法も私のために大丈夫でしょう - クリック可能なラベルまたはクリック可能なPlotbandの場合、カーソルをスタイルすることが可能です。誰も助けることができますか?カーソル:Highcharts上のポインタPlotbandまたはクリック可能なPlotband Lable

plotBands : [{ 
           color : '#ca3123', 
           from : 0, 
           to : 5.5, 
           id : 0, 

           events : { 
            mouseover : function() { 
            // this.css('cursor','pointer'); doesnt´t work 
             }, 
             mouseout : function() { 

             }, 
            click : function(e) { 
             alert(this.id); 
            } 
           }, 
           label : { 
            text : 'Label-Text', 
            verticalAlign : 'Top', 
            textAlign : 'right', 
            rotation : 270, 
            zIndex : 1, 
            x : 5, 
            y : 15, 

            style : { 
             allowPointSelect : true, 
             cursor : 'pointer', 
             color : '#fff', 
             fontFamily : 'Arial,Helvetica,sans-serif', 
             fontWeight : 'bold', 
             fontSize : '14px' 
            } 

           } 

          } 

答えて

1

試してみてください。

mouseover: function() { 
$("body").css('cursor','pointer'); 
}, 
mouseout:function() { 
$("body").css('cursor','default'); 
}, 

編集:

  • 後負荷機能

  • (あなたも、より良いアクセスのためのあなたのplotbandにIDを追加することができると思います)

    試験PLE:{useHTML::真、フォーマッタ:http://jsfiddle.net/48uL9gpe/3/

+0

あなたは ラベルを使用することができ、他のラベルのフォーマッタ機能... を使用することができないこと、驚いた機能(){リターン '

' + this.value + '
を'; }}クラスとIDによってアクセス権を取得する – Xavr

関連する問題