1

ホバーポイントの左側が赤、右側が青（現在の色）になるように、ホバーすると2つの異なる塗りつぶし色が必要な単純な面グラフで作業していますx 値。

http://jsfiddle.net/PSdwb/6/

これは、イベントを取得して、マウスオーバーとマウスアウトで x と y の値を取得する方法です。

        series: {
            point: {
                events: {
                    mouseOver: function() {
                        console.log('x: '+ this.x +', y: '+ this.y);
                    }
                }
            },
            events: {
                mouseOut: function() {
                    console.log(this);
                }
            }
        }

面グラフにカーソルを合わせると、x 値から別の塗りつぶしの色を追加する方法が見つからないようです。Threshold と negativeFillColor は、y 値でこの効果を実行することを考えている場合にのみ適切な解決策ですが、x 値の範囲に対してネガフィルカラー/しきい値のようなものを機能させる方法はありますか?

ありがとう

4

1 に答える 1

0

Sebastian が言うように、2 つのシリーズを使用する必要があります。

最初のシリーズと、最初の色が終了し、新しい色を開始する必要があるまで 2 番目のシリーズを null 値で作成する必要があります。

次に、mouseOver イベントで、このリンクに記載されている方法でグラフの色を変更できます。

このような：

   plotOptions: {
        area: {
            lineWidth: 0
        },
        series: {
            point: {
                events: {
                    mouseOver: function() {
                        //change color
                    }
                }
            },
            events: {
                mouseOut: function() {
                    ///change color
                }
            }
        }
    },
    series: [            
    {
        data: [10, 9, 8, 7, 6],
    },{
        data:[null,null,null,null,6, 5, 4, 3, 2, 1, 0]
    }
于 2013-08-07T12:41:16.113 に答える