データマップを使用して、100％不透明度ではないマップを作成しようとしています

Question

データマップ（http://datamaps.github.io/）を使用して、マップを透明にしようとしています。私は国のfillOpacityのための組み込みの機能を見つけることができません、泡のためだけに。

これはD3の上に構築されているので、私の目標を達成するための厄介な回避策があるのだろうかと思っていました。最終的に私はおそらくコントロールのためにD3に切り替えるでしょう。

Answer 1

デフォルトの塗りつぶしの色は、A（アルファ）が透明/不透明に使用されるRGBA値で変更できます。データマップのための主なGithubのpageは、現在、例えばそのためのデモコードを、持っている：

const opacity = 0.2; 
 
const map = new Datamap({ 
 
    element: document.getElementById('container'), 
 
    fills: { 
 
    defaultFill: 'rgba(255, 0, 0, ' + opacity + ')' 
 
    } 
 
});

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/datamaps/0.5.8/datamaps.all.min.js"></script> 
 
<div id="container" style="position: relative; width: 500px; height: 300px;"></div>