我试图在AmCharts 4简单的图形,其中任何时候都必须在UTC,而图形,并在DateAxis并在光标工具提示中显示的时间都是错误的,尤其是当有夏令时变更(例如于2018年10月)的第28位。
https://i.stack.imgur.com/yxddi.png
请注意,我的时区是布鲁塞尔,因此可能会出现不同的你。
我已经做了codepen显示的问题:https://codepen.io/Benjamin-Mampaey/pen/NoPLyd
var data = [
{'date': '2018-10-28T00:00:00Z', 'value': 0},
{'date': '2018-10-28T00:30:00Z', 'value': 0.5},
{'date': '2018-10-28T01:00:00Z', 'value': 1},
{'date': '2018-10-28T01:30:00Z', 'value': 1.5},
{'date': '2018-10-28T02:00:00Z', 'value': 2},
{'date': '2018-10-28T02:30:00Z', 'value': 2.5},
{'date': '2018-10-28T03:00:00Z', 'value': 3},
{'date': '2018-10-28T03:30:00Z', 'value': 3.5},
{'date': '2018-10-28T04:00:00Z', 'value': 4},
{'date': '2018-10-28T04:30:00Z', 'value': 4.5},
];
var config = {
"type": "XYChart",
"data": data,
"xAxes": [{
"type": "DateAxis",
"tooltipDateFormat": "i",
"dateFormats": {
"minute": "HH:mm:ss Z",
"hour": "HH:mm:ss Z",
},
"periodChangeDateFormats": {
"minute": "i",
"hour": "i",
},
"renderer": {
"labels": {
"rotation": 90,
"verticalCenter": "middle",
"horizontalCenter": "left"
}
},
}],
"yAxes": [{
"type": "ValueAxis",
"renderer": {
"minGridDistance": 10
},
}],
"series": [{
"type": "LineSeries",
"dataFields": {
"dateX": "date",
"valueY": "value"
},
"bullets":[{
"type": "CircleBullet",
}],
"tooltipText": "{dateX.formatDate('i')}\n{dateX.formatDate('HH:mm:ss Z')}",
}],
"dateFormatter": {
"inputDateFormat": "i",
},
"cursor": {
},
};
var chart = am4core.createFromConfig(config, "chartdiv");
我看到的问题是:
在AmCharts 3,它只是需要设置AmCharts.useUTC = TRUE这个工作,但在AmCharts 4,我不知道如何做同样的事情。我试着设置“UTC:真正的”关于dateFormatter,但它不会改变任何东西。
我已经贴在GitHub上的问题,他们正在寻找到它。