Question

我从json得到的日期数组为1420185600000,1420531200000,1420617600000,1420704000000,1420790400000,1420876800000。如何对其进行格式化以在highcharts的XAxis标签中显示正确的日期？

Answer 1

您需要告诉highcharts xAxis是日期type。

xAxis: {
    type: 'datetime'
},

如果您希望以默认值以外的某种形式显示日期，则可能需要额外的格式。这可以通过labels.formatter完成。

示例代码，可让您执行所需的操作（减去日期所需的格式）：

xAxis: {
    categories: [1420185600000,1420531200000,1420617600000,1420704000000,1420790400000,1420876800000],
    labels: {
        formatter: function () {
            return new Date(this.value);
        }
    }
},

然后，您需要确定实际要显示的新日期字符串的哪些部分。上面做的return Date(this.value)示例是厨房水槽方法。

更新：如果您希望格式化字符串，Highcharts为您提供设置日期字符串的功能。看到这个小提琴（与下面的评论中链接的小提琴相同，格式化程序使用highcharts）：http://jsfiddle.net/CaptainBli/psd3ngsh/13/

        xAxis: {
            type: "datetime",
        categories: xArray,
        labels: {
            formatter: function () {
                return Highcharts.time.dateFormat('%Y-%m-%d %H:%M:%S.%L', new Date(this.value));
            }
        }
    },

Answer 2

arrayOfDatesFromJson = arrayOfDatesFromJson.map(function (element) {
  return new Date(element);
});

如何在毫秒级格式化json数据到高图中的日期格式？

2 个答案: