NVD3 Line Plus条形图X轴刻度错误对齐

时间:2016-09-30 02:26:36

标签: date line bar-chart nvd3.js

X轴刻度不与图表中的条形和线条对齐。线条和条纹在一起对齐的位置。我的代码和图表在这里: https://plnkr.co/edit/ar11Ww4Bdwb2zm2FxeOx?p=preview

在我系统的实际项目中,x轴值采用' YYYY-mm-dd'形式转换为utc时间格式并提供给图表,并在显示时使用

xAxis.tickFormat(function(d) { console.log(d); return d3.time.format('%Y-%m')(new Date(d)) });

显示它的功能。

我试图强制使用xAxis.ticks()函数的刻度数与使用<uses-permission android:name="android.permission.INTERNET"/>函数的柱数相同,但这没有帮助。如何调整它以便它们可以对齐。

1 个答案:

答案 0 :(得分:2)

尝试分配tickValues:

chart.xAxis.tickValues(function(values) {return _.map(values[0].values, function(v) {
                    return new Date(v.x);
            })});