Question

我使用了jqPlot的折线图，它正常工作，直到下面的代码。

工作代码

    $(document).ready(function(){
         var line1=[['1',3],['2',5], ['3',10]]

          var plot1 = $.jqplot ('mychart', [line1],
                  {
                title:'Default Date Axis',
            axes:{
                xaxis:{
                    renderer:$.jqplot.DateAxisRenderer
                }
            },
            series:[{lineWidth:4, markerOptions:{style:'square'}}]
          }
      );             
    });

此处输出工作代码

现在，如果我在折线图的x轴上传递日期，它不会将线和x轴显示为日期。

不工作代码

    $(document).ready(function(){
        // var line1=[['1',3],['2',5], ['3',10]]
         var line1=[['2008-08-12',3],['2008-09-12',5], ['2008-10-12',10]]

          var plot1 = $.jqplot ('mychart', [line1],
                  {
                title:'Default Date Axis',
                axes:{
                    xaxis:{
                        renderer:$.jqplot.DateAxisRenderer
                    }
                },
                series:[{lineWidth:4, markerOptions:{style:'square'}}]
              }
          );             
        });

此处输出不工作代码

这是我在这里遇到的问题。我也用过这个链接 jqplot date-axes但到目前为止这对我也没有帮助。我该怎么做才能解决这个问题。我需要在x轴显示日期。

Answer 1

您是否包含对axisDateRender Javascript文件的引用？

<script type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.min.js"></script>

我创建了一个Fiddle，它使用上面的代码示例并渲染x轴。如果您注意到x轴标签非常压扁在一起。您可以使用tickInterval的{{1}}属性更改节拍间隔：

xaxis

请参阅小提琴here

为什么jqplot不能使用传递日期

1 个答案: