如何AmCharts 4正确显示UTC时间

问题描述 投票:0回答:1

我试图在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");

我看到的问题是:

  • 图表让在夏令时的一个奇怪的曲折。我期望在图形上一条直线。
  • 格式为 “:MM:SS HH Z” 的DateAxis标签不是在UTC
  • 同上该系列的ToolTipText

在AmCharts 3,它只是需要设置AmCharts.useUTC = TRUE这个工作,但在AmCharts 4,我不知道如何做同样的事情。我试着设置“UTC:真正的”关于dateFormatter,但它不会改变任何东西。

javascript amcharts
1个回答
0
投票

我已经贴在GitHub上的问题,他们正在寻找到它。

https://github.com/amcharts/amcharts4/issues/908

https://github.com/amcharts/amcharts4/issues/903

© www.soinside.com 2019 - 2024. All rights reserved.