1 
  tooltip: {
        crosshairs: [{
                        dashStyle: 'dash'
                    },{
                       dashStyle: 'dash'     
                    }]
                },
....

    $("#toggleCrossHaire").click(function(){
     if(chart.tooltip.crosshaires){
      chart.tooltip.crosshaires : [false,false];
    }eles{
      chart.tooltip.crosshaires : [true,true];
    }
    });

Crosshairs の dashStyle を有効または無効にし、変更します。ソリッドとダッシュへ。外部ボタンで??

詳細な説明のためのこの例

4

1 に答える 1

0

次の方法で実行できます。

  • 電流を取得するdashstyle
  • なりたいスタイルに合わせてチェンジ
  • ハイチャートの再描画を強制する


$("#toggle").click(function(){
    var options = chart.options;
    var dashStyle = options.tooltip.crosshairs[0].dashStyle == "Solid" ? "Dot" : "Solid";
    options.tooltip.crosshairs = [{
        dashStyle: dashStyle
    }, {
        dashStyle: dashStyle
    }]
    chart = new Highcharts.Chart(options);
});

デモ1

コード住居は 2 つの十字線に対してのみ機能することに注意してください。
1 つだけで実行したい場合は、チャートを作成crosshairsし、2 つ目を無効にして設定する必要があります。

tooltip: {
    crosshairs: [{
        dashStyle: "Solid"
    }, false]
}

// 最初の行を設定したいだけなので、次の行を変更することを忘れないでください

options.tooltip.crosshairs = [{
    dashStyle: dashStyle
}]

デモ2

于 2012-11-26T23:02:23.553 に答える