Chart JS - 基于时区的 X 轴答案

【问题标题】：Chart JS - X-Axis base on timezoneChart JS - 基于时区的 X 轴
【发布时间】：2020-08-27 00:54:11
【问题描述】：

我有一个chartjs，它的数据基于时区格式。我不知道如何使用 chart.js 中的 moment.js 更改时区格式这是我的 xAxes

scales: {
                    xAxes: [{
                        type: "time",
                        time: {
                            unit: 'second',
                            unitStepSize: 3600,
                            tooltipFormat: "MMM D, h:mm:ss a",
                            displayFormats: {
                                second: 'MMM D, h:mm:ss a'
                            }
                        },
                        ticks: {
                            fontSize: 15,
                            bounds: 'data',
                            autoSkip:false

                        }
                    }],

我的 xAxis 数据如下所示：

  xlabel = [1527206400000, 1527209672000, 1527209911000, 1527210151000, 1527210391000, 1527210631000, 1527210886000, 1527211126000, 1527211396000, 1527211666000, 1527211876000]

xAxis 不断在我的计算机中为我提供本地时间。我不知道如何将设置设置为不同的时区。

【问题讨论】：

您找到解决方案了吗？我有同样的问题，我需要以 UTC 显示 x 轴日期值，而不是本地时间。

标签： javascript chart.js

【解决方案1】：

Chartjs 图表使用 LocalDateTime 转换日期，我发现这个解决方法需要您更改 ChartJs 图表的代码 - github.com/chartjs/Chart.js/issues/4334#issuecomment-386325799

或者您可以使用回调来生成 X 轴刻度

ticks: {
  callback: (label, index, values) => {
      return moment.utc(label);
    }
}

【讨论】：