我正在使用NVD3显示折线图,链接如下:http://jsbin.com/xodaxafiti/2/edit?js,output
但是似乎NVD3会自动隐藏X轴上一些刻度标签,只有那些靠近边缘的刻度,例如10月2-3日和27-28日(除了第一个和最后一个刻度)。我知道这是自动减少的结果,因为当我增加图表的宽度时,这些刻度开始出现。然而,我认为这种减少行为很奇怪,而且lineChart没有像multiBarChart那样的reduceXTicks选项。
我希望能够像这个一样自己控制减少行为:
var chart = nv.models.lineChart()
.useInteractiveGuideline(true)
.margin({left: 80,top: 20,bottom: 120,right: 20});
chart.xAxis.ticks(function() {
return data[0].map(chart.x()).filter(function(d,i) {
i % Math.ceil(data[0].values.length / (availableWidth / 100)) === 0;
})
})
但是它没有起作用。有人有任何想法如何控制这个吗?
![缺少勾号标签](https://istack.dev59.com/SWACh.webp)
.tickValues()
代替.ticks()
。 - Lars Kotthoff.tickFormat()
,但它会在上面缺失的刻度标签上添加一个过滤器。此外,当使用这个技巧时,隐藏的标签甚至不会出现在工具提示中。我相信tickValues()
会有相同的结果。 - yonasstephen