Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在图表4中正确显示UTC时间_Javascript_Amcharts - Fatal编程技术网

Javascript 如何在图表4中正确显示UTC时间

Javascript 如何在图表4中正确显示UTC时间,javascript,amcharts,Javascript,Amcharts,我试图在AmCharts 4中制作一个简单的图表,其中所有时间都必须以UTC为单位,但DateAxis和光标工具提示中显示的图表和时间都是错误的,特别是在夏令时发生变化时(例如2018年10月28日) 请注意,我的时区是布鲁塞尔,因此对您来说可能会有所不同 我制作了一个代码笔来显示问题: 我看到的问题是: 这张图表在夏令时出现了奇怪的之字形。我希望这个图表是一条直线 格式为“HH:mm:ss Z”的日期轴标签不是UTC格式 系列tooltipText的Idem 在AmCharts 3中,只

我试图在AmCharts 4中制作一个简单的图表,其中所有时间都必须以UTC为单位,但DateAxis和光标工具提示中显示的图表和时间都是错误的,特别是在夏令时发生变化时(例如2018年10月28日)

请注意,我的时区是布鲁塞尔,因此对您来说可能会有所不同

我制作了一个代码笔来显示问题:

我看到的问题是:

  • 这张图表在夏令时出现了奇怪的之字形。我希望这个图表是一条直线
  • 格式为“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");