2017-05-02 3 views
0

ホバー上でポイント/マーカーの範囲のみが有効になっている折れ線グラフ(x軸は時刻を表示)を作成しようとしています。時刻t1から時刻t2のようになる。マーカーは利用可能でなければならず、それ以外の場合は無効にする必要があります。 iはTREIDハイハットの範囲内でのみホバー上のマーカーを有効にする方法

hover { 
     enabled : function(){ 
        if(this.x >= t1 && this.x <= t2) return true; 
        else return false; 
        } 
     } 

を使用してでも、ホバーのdidntは私が思う無名関数を理解しているようだとホバーはすべてのために有効になっています。 どうすればこの問題を解決できますか?ありがとうございました。 series.marker.states.hover.enabledから

+0

をあなたがして、ホバー状態を持っていると述べそれらの点に対してのみ有効にするだけでいくつかのポイントが必要な場合

「ポイント/マーカーはホバー上で有効になっていますか?」あなたの例を見ると、ハローまたはマーカのいずれかを意味するように見えますか? –

+0

ええ、申し訳ありませんが、私はマーカーオンポイントを意味しました。 –

答えて

2

有効:Boolean

をポイントマーカーを有効または無効にします。デフォルトはtrueです。

匿名機能ではなく、true/falseに設定する必要があります。

plotOptions: { 
    series: { 
    marker: { 
     states: { 
     hover: { enabled: false } // disable by default 
     } 
    } 
    } 
} 

そしてポイントの設定:正確にあなたがでどういう

series: [{ 
    data: [{ 
    x: ..., 
    y: ..., 
    marker: { 
     states: { 
     hover: { enabled: true } 
     } 
    } 
    }, { 
    x: ..., // This point has disabled hover state, 
    y: ..., // inherited defaults from series. 
    }, { 
    x: ..., 
    y: ..., 
    marker: { 
     states: { 
     hover: { enabled: true } 
     } 
    } 
    }] 
}] 
+0

ちょっと@pawel fus、あなたの答えに感謝しますが、これを行う他の方法はありますか?私は直接ajax呼び出しを行うことによって供給される配列を介してデータを供給しています。私はそれを操作したくない。あなたは他の方法を提案できますか?ありがとう –

+0

'':{{data:data.map(hoverEnabler)}} ''と 'function hoverEnabler(point){if(point.x> t1 && point)のようなグラフをレンダリングする前に、 .x

+0

これは(ちょっとした調整の後で)うまくいきました。どうもありがとう。 –

関連する問題