javascript - Edge 中损坏的 D3 可视化

标签 javascript css d3.js colors cross-browser

我有在 Chrome 和 Safari 中运行良好的 D3 可视化,它在此处在线: https://bl.ocks.org/KingOfCramers/04fe907049ec89c680f4fd8839e7ed0a

看起来像这样:

enter image description here

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

enter image description here

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

最佳答案

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

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

你可以尝试添加它吗?

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

这样可以解决吗?

关于javascript - Edge 中损坏的 D3 可视化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47415899/

相关文章:

javascript - 检查我的本地主机时 chartjs 不会加载

javascript - 使用 javascript 向 <div> 中的所有图像添加一个类,反之亦然

javascript - D3.js ~ 使用 for 循环放置矩形并为其着色

css - Bootstrap 自定义网格列

html - bootstrap - 隐藏移动菜单(导航栏)

javascript - 如何使用 d3js 获取 svg 元素的宽度?

javascript - 返回值基于同一对象中另一个值的最大值/最小值

javascript - 自定义 HTML5 视频控件 - Escape 按钮不会触发全屏切换功能

javascript - 哪里有完整的DOM继承结构图?

javascript - 指定 onClick 时不要打开 href(在 React js 中)