如何缩放x轴以使数据更漂亮

Question

这是散点图

我的数据范围很大。

它们的x范围在0.1≤x≤0.1之间。 x＆lt; 1或100 < X＆LT; 300

很难看到数据，

如何更改x轴刻度，我想将x轴刻度更改为图形上的RED文本？

总之，我只希望以这种方式显示我的x轴 （我希望它是非线性的，每个样本都是线性的，每个点等距离）

更新

添加tickValues后，它只标记这些标签。

我希望它在[0, 0.1, 1,10, 150, 330]

之间可以相等

chart.xAxis
        .tickValues(function(d) {
        return [0, 0.1, 1,10, 150, 330];
      });

Answer 1

您需要更改xAxis.tickValues，请尝试以下操作：

// Tick values for the chart
chart.xAxis.tickValues(function(d) {
    var dateSets = [0, 0.1, 1,10, 150, 330];
    return dateSets;
});

希望有所帮助

Answer 2

你可能会使用对数刻度（d3.scale.log）让轴在广泛拉伸的值中均匀分布

Answer 3

您必须使用对数比例来处理指数增长数据。请参阅this example。