d3.js - cubism.js 的色带

Question

有人可以指出我应该调整以获得确定性色带的方向吗？例如，如果他们的颜色数组包含 6 种颜色，我希望值 10-30 总是转到第 5 个色带，50-80 到第 6 个，等等。

（如果有人想知道为什么我需要这么奇怪的东西，现在值 30 以几种不同的颜色显示，具体取决于集合中的其他值——随着时间的推移，用户可能会感到非常困惑）。我想限制集合中的最小值和最大值以实现稳定的颜色，但这会扭曲标签。另外，理想情况下，我想指定输入数据值的映射以自己着色

Answer 1

这不会让您对颜色进行任意值分配，但您可以使用以下extent选项设置 cubism 用于分配颜色的最小值和最大值：

var context = cubism.context();
var horizon = context.horizon();
horizon.extent([-80,80]);

然后，范围将在您设置的色带之间平均分配。