Chart JS - 基于时区的X轴

时间:2018-05-25 18:02:10

标签: javascript chart.js

我有一个图表,数据基于时区格式。我不知道如何使用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不断给我计算机当地时间。我不知道如何将设置设置为不同的时区。

1 个答案:

答案 0 :(得分:1)

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

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

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