d3.js - 将序数比例转换为线性比例

Question

我正在制作散点图。对于我的Y维度，我有一个基于数组的序数比例，如下所示：

colours = ['red', 'blue', 'green', 'yellow'];

而不是使用实际的字符串值 - 因此需要一个序数比例 - 我想在我的颜色数组中绘制每个类别的数组索引号。

我的理论是，这意味着我可以使用线性比例而不是序数比例。这个想法是否正确？如果是这样，我该怎么做呢？我正在努力寻找正确的方法。 （这样做的目的是准备使用d3缩放功能，因为它似乎不像序数尺度。）

以下是我当前代码的其余部分：

var xScale = d3.scaleTime()
   .domain([
        d3.min(dataset, d => d.event_date),
        d3.max(dataset, d => d.event_date)
    ])
   .range([0, width]);

var yScale = d3.scalePoint()
   .domain(dataset.map(function(d){return d.colours;});
   .range([0, height]);

然后我继续绘制圆圈以创建散点图。