Javascript 臂形图不';不要在缩放时显示线条

Javascript 臂形图不';不要在缩放时显示线条,javascript,reactjs,Javascript,Reactjs,我正在使用amcharts和react 当我在数据上使用标准日期值图表时,缩放时看不到线条 以下是工作示例: //Example of data where it works [{ "date": new Date(2018, 0, 1), "value": 450, "value2": 362, "value3": 699 } 然后以我的自定义数据为例: //Example of custom data where it doesn't work [{"highDate

我正在使用amcharts和react

当我在数据上使用标准日期值图表时,缩放时看不到线条

以下是工作示例:

//Example of data where it works
[{
  "date": new Date(2018, 0, 1),
  "value": 450,
  "value2": 362,
  "value3": 699
}

然后以我的自定义数据为例:

//Example of custom data where it doesn't work  
[{"highDate":"2020-01-22T21:00:00.000Z","highValue":"74.1300"}...

在第一个示例中,zoom正常工作,而在第二个示例中,zoom无法处理我的数据


有什么想法吗

我发现了问题。我的数据是从最新到最新排序的

当你缩放时,amchart看起来对此非常敏感

所以,解决办法是颠倒顺序

let data = [
  {
    "highDate": "2020-01-22T21:00:00.000Z",
    "highValue": 74.1300,
  },
  {
    "highDate": "2020-01-22T20:59:00.000Z",
    "highValue": 74.0770
  },
  {
    "highDate": "2020-01-22T20:58:00.000Z",
    "highValue": 74.1100
  },
  {
    "highDate": "2020-01-22T20:57:00.000Z",
    "highValue": 74.0966
  },...

// solution
data = data.reverse();

它包含代码笔片段,您可以取消对解决方案的注释以查看其工作方式