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

时间:2015-12-11 15:38:53

标签: javascript d3.js nvd3.js angular-nvd3

为什么当NVD3散点图中只有少数几个值时,节拍间距会大大扩散?我认为滴答应该与值的数量无关,但似乎并非如此。

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

当情节填充不足时,如何让刻度在所有缩放级别都能很好地间隔?

我这样想过defining specific 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
    }
}

但在某些缩放比例下只能看起来不错。

1 个答案:

答案 0 :(得分:0)

option for ticks提到我错过了krispo

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

plunker