0

你好。我有这个 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 标签上设置日期值，但我不能这样做。帮助？

谢谢！

4

1 回答 1

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'. 此处列出了日期格式选项。

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

演示

于 2012-12-20T18:14:15.257 回答