DateTimeContinuAxis的问题，每个日期添加一天，没有明显的原因[Nativescript-Angular

Question

>我从chartService那里收到了这样的json，但是当我尝试显示数据时，每个日期都会添加1天。我正在使用Genymotion进行模拟。我不知道这是否可能是内部模拟器时区问题，有人知道发生了什么吗？

JSON = [{
"fecha": "2019-09-23",
"km_rec": 431.56
}, {
"fecha": "2019-09-25",
"km_rec": 187.12
}, {
"fecha": "2019-09-26",
"km_rec": 270.08
}, {
"fecha": "2019-09-27",
"km_rec": 121.04
}, {
"fecha": "2019-09-28",
"km_rec": 407.96
}, {
"fecha": "2019-09-29",
"km_rec": 10.98
}]

<StackLayout class="c-stacklayout" alignItems="flex-end">
<GridLayout class="modal_chart">
<RadCartesianChart tkExampleTitle tkToggleNavButton>            
<DateTimeCategoricalAxis tkCartesianHorizontalAxis dateFormat="dd-MMM" labelFitMode="Rotate" labelRotationAngle="-1.2" labelTextColor="black"></DateTimeCategoricalAxis>
<LinearAxis tkCartesianVerticalAxis allowPan="false" allowZoom="false"></LinearAxis>
<LineSeries tkCartesianSeries selectionMode="DataPointMultiple" showLabels="true" [items]="distance" valueProperty="km_rec" categoryProperty="fecha">
<PointLabelStyle tkLineLabelStyle fontStyle="Bold" fillColor="#FC6060" textSize="12" textColor="White">
</PointLabelStyle>
</LineSeries>
<RadCartesianChartGrid tkCartesianGrid horizontalLinesVisible="true" verticalLinesVisible="false" verticalStripLinesVisible="false" horizontalStripLinesVisible="true" >
</RadCartesianChartGrid>
</RadCartesianChart>
</GridLayout>
</StackLayout>

ngOnInit() {
this.initDataItems()
}
private initDataItems() {
this.checkedDistanceData();
}
checkedDistanceData() {
this.query(Config.storage.vehicleSelected, veh => {
this.query(moment().format('YYYY-MM-DD') + this.id_veh, data => {
if (data) {
this.setChartDistance(JSON.parse(data.value));
...
} else {
this.chartService();
...
}
});
};
});
chartService() {
this.httpGet(route (www.dis....),
data => {
this.setChartDistance(data);
this.changeDetector.detectChanges();
},
error => {
error...
}, null);
}
get getchartDistance() {
return distance;
}
setChartDistance(chart) {
this.distance = chart;
}

Answer 1

根据文档，您应该以毫秒为单位存储日期。

很可能您正在传递一个正在序列化的日期对象，并且在反序列化时它会丢失/获得一些小时并翻转到第二天。

如果使用UTC或本地时区更适合，您可能需要运行一些测试(因为您正在使用 moment，您可以使用moment.utc()然后在毫秒内获取它(。

请参阅此处的示例：https://github.com/NativeScript/nativescript-ui-samples/blob/master/chart/app/examples/data-models/date-time-model.ts