2

アプリケーション用にこのハイマップをテストしていますが、この情報が見つかりませんでした。リンクまたは回答をお持ちの方

  1. 国をクリックした後、その背景色を赤色に変更する方法、
  2. ツールチップから余分なデータを削除する方法、国名のみを表示したい。
  3. 一部の国を 1 つの色で設定する方法は、「#CCCCCC」と言い、カウンターを無効にするには #ffffff を付けます。

コード

plotOptions:{
    series:{
        point:{
           events:{
              click: function(){
                 alert(this.name);
              }
           }
        }
    }
}

フィドル

4

1 に答える 1

1

1. 国をクリックした後、背景色を赤色に変更する方法

this.colorに設定すると、クリックした要素の背景色を変更できます'rgb(255,0,0)。ここに例を示しますplotOptions

plotOptions:{
    series:{
        point:{
           events:{
              click: function(){
                   alert(this.name);
                   this.color = "rgb(255,0,0)";
              }
           }
        }
    }
}

アップデート

前に選択した要素をリセットしたい場合は、回避策があります (別の方法はまだ見つかりません)。次のコードを の直後に配置alert(this.name)し、フィドルの例を見て理解を深めてください。(oldFill変数はマップチャートの直前に初期化され、選択された要素の元の色の値を一時的に保存します)

$(mapChart.find("path")).each(function(){
    if($(this)[0].attributes.fill.value === 'rgb(255,0,0)'){
        $(this)[0].attributes.fill.value = oldFill;
    }
});
oldFill = this.color;

2. ツールチップから余分なデータを削除する方法、国名のみを表示したい。

次のtooltip設定を使用すると、目的の効果が得られます。

tooltip: {
     headerFormat: '',
     pointFormat: '<strong>{point.name}</strong>',
     footerFormat: ''
}

更新された JSFiddle の例

于 2015-10-28T21:15:08.553 に答える