X轴上的Highcharts显示日期月份

时间:2012-06-05 10:39:35

标签: jquery charts highcharts

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

有没有办法动态地在x轴上显示七天的高图显示?

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

enter image description here

2 个答案:

答案 0 :(得分:6)

为什么不制作xAxis日期时间并传入您的每日价值,然后将xAxis min设置为距您上一个点的7天?

以下是该怎么做的示例:jsFiddle

HighCharts最重要的链接:Reference

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

答案 1 :(得分: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轴数组之前,请使用调用高级图表函数。