jquery - Hightcharts 在 X 轴上显示日期月份

Question

我正在尝试使用面积图创建一个显示过去 7 天数据的图表。

有没有办法动态地在 x 轴上显示最后 7 天的高图？

格式：6 月 2 日、6 月 3 日等

Answer 1

为什么不设置 xAxis 日期时间并传入您的每日值，然后将 xAxis 最小值设置为从最后一点开始的 7 天？

这是一个如何做的例子：jsFiddle

HighCharts 最重要的链接：参考

由于我们不知道您是如何提取数据并发送到 HighCharts 的，其余的由您决定。最主要的是阅读参考文档。HighCharts 功能强大且高度可定制。另外，如果你有一个基于时间的数据集，请确保你传入的数据是按时间顺序排列的。虽然它不会无法呈现您的混乱值，但它看起来很奇怪并导致大规模歇斯底里。

Answer 2

var x = new Array();

for(i=0;i<30; $i++)
       {
         x[i]="June "+x[i];
       }

/* 图表对象 */

chart = new Highcharts.Chart({
        chart: { },
        .
        .
        xAxis: {
           categories: x
        }
});

在定义 x 轴数组之前，要使用调用 highchart 图表函数。