2

Highchartsプラグインに基づいてグラフを作成し、画像をレンダリングしました(ボタン: "zoom.png")。

この画像にはonCLick、値をリセットするイベントがありますyAxis

ボタンがクリックされたときにこの画像のソースを変更する必要があります。次に、2回目のクリック後に元に戻します。

最初のクリックで画像のソースを変更することができました(「zoom1.png」に変更されます)。しかし、ボタンをもう一度クリックしても、元のソース( "zoom.png")に戻りません。

次に例を示します:JsFiddle

[編集]:画像のクールなURIでJSFiddleを更新

4

2 に答える 2

3

あなたがチェックしている状態

if ($('image').attr('href', 'http://inadcod.com/img/zoom.png')) {

が先行するため、無効です

chart = new Highcharts.Chart(options); 

これにより、(新しく作成されたチャートのロードハンドラーで)元の画像が再度作成されるzoom.pngため、画像がない場合を除いて、条件は常に真になります。

このチャートの外側にあるブール変数のような別のチェックを行う必要があります。これをチェックして、クリックするたびに反転します。

@jsFiddle

于 2012-09-11T14:30:21.137 に答える
1

コンテナノードにズームを示すクラスを追加して、少しだましました。hrefプロパティの更新が認識されない理由はわかりませんが、これは1つの代替手段です。

http://jsfiddle.net/FsLar/4/

于 2012-09-11T14:19:23.033 に答える