多个颜色范围d3.js？

Question

我想为多种颜色设置颜色范围。 我得到一组从1到10的值。当前，值1给我白色，值10给我红色。我如何修改我的代码，例如给我1个白色，5个蓝色，10个红色？

在我当前的代码中，范围从白色到红色。 这是我当前的代码：

var myColor = d3.scaleLinear()
  .range(["white", "red"])
  .domain([1,100])