D3 递减刻度答案

【问题标题】：D3 descending scaleD3 递减刻度
【发布时间】：2014-12-18 22:40:28
【问题描述】：

给定一组 0 到 1 的数字，我需要一个返回 0 到 100 的 d3 缩放函数。

var scale = d3.scale.linear();
scale.domain([0,1]);
scale.range([0,100]);
scale(0.1);  // 10

这很好用。但是，由于我根据置信区间为数据元素设置不透明度，因此我希望输出（范围）随着输入（域）的增加而减小。

例如：

scale(0.1);  // should produce 90
scale(0.2);  // should produce 80
scale(0.3);  // should produce 70

所以随着比例输入上升，输出下降。

如何指示比例对象执行此操作？

【问题讨论】：

设置不同的范围？
重点是默认情况下，线性范围会产生与输入成正比的值。输入 0.1 得到 10，输入 0.2 得到 20。我想输入 0.1 得到 90，输入 0.2 得到 80，等等。
是的，所以.range([100,0])。

【解决方案1】：

您只需要提供一个相应的范围：

scale.range([100,0]);

请注意，在这种情况下，您也可以反转域，效果相同。

【讨论】：