javascript - 如何使用 D3.js 将数字映射到三色标尺?

标签 javascript d3.js

我想将 -1 到 1 之间的数字映射到从橙色到蓝色的连续色阶,将 0 映射到白色

var corr_color = d3.scale.linear()
    .domain([-1, 1])
    .range(["#FF6600", "#3399FF"]);

上面的代码会将 0 映射为棕色。 有什么建议吗?

最佳答案

根据the documentation ,您应该能够为白色添加另一个值。这不行吗?

.domain([-1, 0, 1])
.range(["#FF6600", "#FFFFFF", "#3399FF"]);

做了这个example fiddle

关于javascript - 如何使用 D3.js 将数字映射到三色标尺?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31186904/

相关文章:

javascript - 旋转抛出 SVG 之外的元素

javascript - JavaScript 中图像的相对路径

javascript - 使用 JavaScript 在 galaxy 平板电脑上自动滚动

javascript - d3 更改单击的节点文本的类

d3.js - 具有域外日期间隔的 LinePlusBarChart

javascript - 识别给定数组是 d3 选择

javascript - 如何在新的 Spotify Web api 上获取用户的关注者和用户的关注者?

javascript - 选择 h2 标签的前两个词并包裹在 span 标签中

javascript - Firebase:更新或创建

D3.js 'd.value' 和 'd[value]' 之间的区别