无法在NVD3中制作图表。在x / y轴上格式化问题

Question

我正在使用nvd3.js制作OHLC图表。我有来自API的数据集，但问题是数据在图表上没有正确显示。我在操纵轴上的数字时做错了什么。我为此创造了一个小提琴。

Fiddle

Github Link

代码

someRange2config: any = {
  behaviour: 'drag',
  connect: true,
  margin: 1,
  limit: 5, // NOTE: overwritten by [limit]="10"
  range: {
    min: 0,
    max: 20
  },
  pips: {
    mode: 'steps',
    density: 5
  }
};

Answer 1

您有两个问题：

1. 您需要折线图，而不是累积折线图。因此，只需：

   var chart = nv.models.lineChart()
   

2. 您的时间戳错了。要获得正确的时间戳乘以1000：

   new Date(d*1000)
   

以下是带有这些更改的JSFiddle：https://jsfiddle.net/m5gef1bw/