Edge中的D3可视化破碎

时间:2017-11-21 14:47:20

标签: javascript css d3.js colors cross-browser

我有D3可视化功能,可以在Chrome和Safari中使用,它在线上: https://bl.ocks.org/KingOfCramers/04fe907049ec89c680f4fd8839e7ed0a

看起来像这样:

enter image description here

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

enter image description here

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

1 个答案:

答案 0 :(得分:1)

redScale(颜色)范围缺少'#'对于 F2D1D4

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

你能尝试添加吗?

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

这样可以解决吗?