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



嗨。我有这样的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标签上设置日期值,但我做不到。帮助

谢谢!

如果所有系列点都将是一天的增量,并且您希望xAxis日期格式为天。您可以使用Date.UTC方法在一个月内完成以下操作:

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

yearmonthday都是必需的。所以你也需要得到这个值。请注意,月份从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来画。如果要连接null,请将其设置为true。默认情况下,它设置为false。

现在,您希望将xAxis设置为显示"13.12"这样的日期。您可以使用formatter属性来执行此操作。要获得您的格式,请使用'%d.%m'。此处列出了日期格式选项。

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

演示

最新更新