css - 显示特定的 Tick 值

Question

是否可以根据相应的 y 值指定 x 轴上的刻度值？例如，我有一个日期/时间序列 x 轴，表示日期和价格值作为我的 y 轴。我只想显示 y 轴的某些值的 x 轴值，这些值根据用户输入而变化。

Answer 1

如果用户可以指定的 y 值出现在数据本身中，那么您就可以直接获取相应的 x 值，这很容易。您需要做的就是从您的原始数据中过滤所有没有请求的 y 值并提取 x 坐标:

var data = [[1,1], [2,2], [3,4], [4,1]];

var yToShow = [1, 2],
    xTicks = data.filter(function(d) { return yToShow.indexOf(d[1]) > -1; })
                 .map(function(d) { return d[0]; });

然后你可以使用.tickValues() function明确设置这些刻度:

xAxis.tickValues(xTicks);

完整演示 here .