如何根据我的json结果数据设置xaxis标签？

Question

您好。我有这个json结果：

([{"total": 2797, "date": "13.12"}, {"total": 3252, "date": "14.12"}, {"total": 771, "date": "15.12"}, {"total": 669, "date": "16.12"}, {"total": 2962, "date": "17.12"}, {"total": 1, "date": "19.12"}])

我想在我的xaxis标签上设置日期值，但我无法做到这一点。 帮助

谢谢！

Answer 1

如果所有系列点都是一天的增量，并且您希望xAxis日期格式为day.Month，您可以使用Date.UTC方法执行以下操作：

Date.UTC(year,month,day,hours,minutes,seconds,millisec)

year，month和day都是必需的。所以你也需要获得这个价值。请注意，月份从0开始，然后转到11。

然后您的数据采用HighCharts格式，如下所示：

[Date.UTC(2012, 11, 13), 2797], [Date.UTC(2012, 11, 14), 3252], [Date.UTC(2012, 11, 15), 771], [Date.UTC(2012, 11, 16), 669], [Date.UTC(2012, 11, 17), 2962], [Date.UTC(2012, 11, 18), null], [Date.UTC(2012, 11, 19), 1]

要让您的图表清晰地绘制，您还需要设置12.18的值，这是您当前不做的。我将其设置为null。此图表不会在空点之间绘制一条线，但您可以使用connectNulls进行此操作。如果要连接空值，请将其设置为true。默认设置为false。

现在您要格式化xAxis以显示日期，例如'13 .12'。您可以使用formatter属性执行此操作。要使用'%d.%m'来获取格式。日期格式选项列在here。

如何将数据转换为HighCharts格式取决于您的来源。有多种方式。

Demo