如何在X轴上显示完整的比例/所有数据点?

时间:2014-07-01 08:23:34

标签: javascript d3.js nvd3.js

我不确定scale是否是正确的词,我已经绘制了一个实际上有52个数据点的chart here。我想在X轴上显示所有这些。我试过了:

.ticks(52)

但这并没有帮助。

如何在X轴上显示所有日期?

jsFiddle

1 个答案:

答案 0 :(得分:1)

您必须使用chart.xAxis.tickValues([pass and array of dates])

以下代码适用于您的图表。这是工作fiddle

chart.xAxis.tickValues(function(d) {
    var dateSets = [];
    for (var i = 0; i < d[0]['values'].length; i++) {
        dateSets.push(d[0]['values'][i]['0'])
    }
    return dateSets
});

它看起来太近了,所以你可能不得不考虑只显示xAxis中的日期和月份。通过格式化日期。

希望它有所帮助。