javascript - d3 データ マップの onclick イベントを作成するにはどうすればよいですか?

Question

私はd3データマップを構築しています: http://datamaps.github.io/

国をクリックすると、境界線の色が変わります。データマップを使用して onclick イベントを d3 パスに割り当てるにはどうすればよいですか? svg パスには、CSS ID と識別フックがないようです。

Answer 1

doneコールバックとupdateChoropleth関数の両方が必要です。たとえば、各国を黒くするには、次のようにします。

done: function(datamap) {
  datamap.svg.selectAll('.datamaps-subunit').on('click', function(geography) {
      var m = {};
      m[geography.id] = '#000000';
      datamap.updateChoropleth(m);
  });
}