Edge 中损坏的 D3 可视化

Broken D3 Visualization in Edge

我有适用于 Chrome 和 Safari 的 D3 可视化,它在线: https://bl.ocks.org/KingOfCramers/04fe907049ec89c680f4fd8839e7ed0a

看起来像这样:

但是,当我在 Edge 和 Firefox 中检查它时,它为特定数量的国家/地区提供了一种奇怪的颜色:

为什么会这样?某些浏览器是否能够处理不同的颜色?如果是这样,我怎么知道哪些颜色适合不同的浏览器,或者我应该避免哪些颜色?

redScale(颜色)范围缺少 F2D1D4 的“#”:

.range(["F2D1D4","#D9767E","#D35F69","#CC4954","#BA0514"])

你能试着加上吗?

.range(["#F2D1D4","#D9767E","#D35F69","#CC4954","#BA0514"])

可以解决吗?