使用數據地圖，我試圖創建一個不是100％不透明的地圖

Question

我正在使用數據地圖（http://datamaps.github.io/）並嘗試使地圖變爲透明。我無法爲這些國家/地區找到fillOpacity的內置功能，只能用於泡泡。

因爲這是建立在D3之上的，所以我想知道是否有一個黑客解決方法來實現我的目標。最終，我可能會切換到D3控制。

Answer 1

您可以使用A（alpha）用於透明度/不透明度的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>