NVD3 散点图刻度间距只有几个值
NVD3 scatter plot tick spacing with only a few values
为什么当 NVD3 散点图中只有几个值时,刻度线间距会非常大?我认为刻度应该与值的数量无关,但事实并非如此。
比较this plunker with their example。唯一的区别是绘制的值的数量,然而他们的例子显示了很多刻度,而我的 plunker 只显示了几个。
当地块人口很少时,我怎样才能使刻度在所有缩放级别上都很好地 space?
我是这样想的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
}
}
但这只在某些缩放比例下看起来不错。
有一个 option for ticks that I missed, as mentioned by krispo:
chart: {
type: 'scatterChart',
// ...
xAxis: {
// ...
ticks: 10
},
yAxis: {
// ...
ticks: 10
},
zoom: {
enabled: true
}
}
为什么当 NVD3 散点图中只有几个值时,刻度线间距会非常大?我认为刻度应该与值的数量无关,但事实并非如此。
比较this plunker with their example。唯一的区别是绘制的值的数量,然而他们的例子显示了很多刻度,而我的 plunker 只显示了几个。
当地块人口很少时,我怎样才能使刻度在所有缩放级别上都很好地 space?
我是这样想的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
}
}
但这只在某些缩放比例下看起来不错。
有一个 option for ticks that I missed, as mentioned by krispo:
chart: {
type: 'scatterChart',
// ...
xAxis: {
// ...
ticks: 10
},
yAxis: {
// ...
ticks: 10
},
zoom: {
enabled: true
}
}