jquery - jqChart日期标签只显示时间

Question

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

http://www.jqchart.com/samples

问题是当我大量缩放图表时，x 轴标签会将日期转换为时间。

缩放时如何显示实际日期（不仅是时间）？

Answer 1

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

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

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

Answer 2

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

您可以使用以下方法更改字符串格式：

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

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

有关标签格式的更多信息，您可以在此处找到：

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