javascript - DataMaps - 海の色を変更する方法

Question

https://github.com/markmarkoh/datamapsには非常に優れた JavaScript ベクター マップがありますが、海の色を変更するオプションがないようです。ただし、一部のデモでは海の色が異なっていることがわかります。海の色を変えるにはどうしたらいいですか？

Answer 1

対象要素の背景色を変更できます。たとえば、div の ID が「data-map」の場合:

<div id="data-map"></div>

そして、次のようにマップを開始します。

var datamap = new Datamap({
  element: document.getElementById("data-map")
});

svg は透明なので、div の背景色を変更できます。これにより、「海」の色が次のようになります。

#data-map {
    background-color: #F00; //red
}