Javascript 如何在图表4中正确显示UTC时间
我试图在AmCharts 4中制作一个简单的图表,其中所有时间都必须以UTC为单位,但DateAxis和光标工具提示中显示的图表和时间都是错误的,特别是在夏令时发生变化时(例如2018年10月28日) 请注意,我的时区是布鲁塞尔,因此对您来说可能会有所不同 我制作了一个代码笔来显示问题: 我看到的问题是:Javascript 如何在图表4中正确显示UTC时间,javascript,amcharts,Javascript,Amcharts,我试图在AmCharts 4中制作一个简单的图表,其中所有时间都必须以UTC为单位,但DateAxis和光标工具提示中显示的图表和时间都是错误的,特别是在夏令时发生变化时(例如2018年10月28日) 请注意,我的时区是布鲁塞尔,因此对您来说可能会有所不同 我制作了一个代码笔来显示问题: 我看到的问题是: 这张图表在夏令时出现了奇怪的之字形。我希望这个图表是一条直线 格式为“HH:mm:ss Z”的日期轴标签不是UTC格式 系列tooltipText的Idem 在AmCharts 3中,只
- 这张图表在夏令时出现了奇怪的之字形。我希望这个图表是一条直线
- 格式为“HH:mm:ss Z”的日期轴标签不是UTC格式
- 系列tooltipText的Idem
在AmCharts 3中,只需将AmCharts.useUTC=true设置为有效,但在AmCharts 4中,我不知道如何执行相同的操作。我尝试在dateFormatter上设置“utc:true”,但它没有改变任何东西。我已经在github上发布了这些问题,他们正在研究
在AMCHART4上执行此操作的文档如下所示: dateformatter上有一个名为utc的属性
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");