jqChart日期标签仅显示时间

时间:2012-09-05 12:40:08

标签: jquery charts jqchart

我正在用jqChart创建一个可缩放的图表。我正在使用此示例中的代码:

http://www.jqchart.com/samples

问题是当我对图表进行大量缩放时,x轴标签会将日期切换为时间。

如何在缩放时显示实际日期(不仅是时间)?

2 个答案:

答案 0 :(得分:1)

您好,您可以在构建图表时在 dateTimeAxisOptions 中指定 intervalType

here是文档,你可以做这样的事情,这应该解决你的问题

axes: [
    {
          type: 'dateTime',
          location: 'bottom',
          minimum: new Date(2011, 1, 4),
          maximum: new Date(2011, 1, 18),
          interval: 1,
          intervalType: 'days'
      }
   ]

答案 1 :(得分:0)

jqChart轴标签的格式取决于计算的日期时间间隔。如果间隔变为“小时”,则会更改标签字符串格式。

您可以使用以下命令更改字符串格式:

axes: [ 
       { 
          type: 'dateTime', 
          location: 'bottom', 
          labels: { stringFormat: 'm/d/yy' }
      } 
     ]

在这种情况下,标签不会变成时间。

有关标签格式的更多信息,请点击此处:

http://www.jqchart.com/documentation/userguide/default.aspx#!LabelsFormatting