javascript - NVD3 散点图刻度间距只有几个值

Question

为什么当 NVD3 散点图中只有几个值时，刻度间距会大大扩展？我认为刻度应该与值的数量无关，但似乎并非如此。

将此 plunker与他们的示例进行比较。唯一的区别是绘制的值的数量，但他们的示例显示了许多刻度，而我的 plunker 只显示了几个。

当绘图的人口稀少时，如何使刻度在所有缩放级别上都很好地间隔开？

我想过像这样定义具体tickValues：

chart: {
    type: 'scatterChart',
    // ...
    xAxis: {
        // ...
        tickValues: d3.scale.linear().domain([-100,100]).ticks(500)
    },
    yAxis: {
        // ...
        tickValues: d3.scale.linear().domain([-100,100]).ticks(500)
    },
    zoom: {
        enabled: true
    }
}

但这仅在某些缩放比例下看起来不错。

Answer 1

正如krispo所提到的，我错过了一个选项：

chart: {
    type: 'scatterChart',
    // ...
    xAxis: {
        // ...
        ticks: 10
    },
    yAxis: {
        // ...
        ticks: 10
    },
    zoom: {
        enabled: true
    }
}

笨蛋