高度图在X轴上显示日期和月份

Question

我正在尝试创建一个使用Area Chart显示过去七天的数据的图表。

有没有办法动态地让highcharts在x轴上显示过去的七天？

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

​

​

Answer 1

为什么不将xAxis设为datetime并传入您的日期值，然后将xAxis min设置为从上一个点起返回7天？

下面是一个执行操作的示例：jsFiddle

HighCharts最重要的链接：Reference

因为我们不知道您是如何获取数据并发送到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函数。