Question

我正在尝试使用nvd3 lineWithFocusChart来处理时间序列数据。但令人惊讶的是，y轴蜱显示为000.00。 json数据格式正确，如nvd3网站所示。我已将我的参考文献放在http://plnkr.co/edit/QwMbTL4co0wMVKaQurxq?p=preview。

为了对时间序列数据进行排序，我使用了以下功能。这样，除了y轴刻度问题外，数据显示正常。但是，工具提示正确，其正确值正常。我该怎么办，将y轴刻度的外观修正为000.00

angular.forEach($scope.data, function(
                                series, index) {
                            series.values.sort(function(a, b) {
                                return a.x - b.x;
                            });
                        });

Answer 1

您的图表宽度隐藏了值。

添加width : 700,

并更改边距

margin : {
    top: 20,
    right: 20,
    bottom: 60,
    left: 100
},

更新：您还可以完全删除width和margin，默认情况下会自动删除div大小并自动重新筛选。

希望有所帮助

Answer 2

您只需要不格式化Y轴：

yAxis: {
  axisLabel: 'Y Axis',
  tickFormat: function(d){
    return d;
  },
  rotateYLabel: false
},

Updated plunker

nvd3，lineWithFocusChart缺少y轴刻度

2 个答案: