Jqplot dateAxisRenderer中的X轴标签角度

我找不到dateAxisRenderer的选项

我试过以下方法：

axes:{
axesDefaults:{tickRenderer : $.jqplot.CanvasAxisTickRenderer, tickOptions :{angle: -30}},
xaxis:{
renderer: $.jqplot.DateAxisRenderer,
tickOptions:{
angle: -30,
formatString:'%H:%M'
},
}
}

---

但这种喧闹似乎不起作用。有人能帮我一下吗。

您需要在xaxis定义中添加渲染器选项：{tickRenderer:$.jqplot.CanvasAxisTickRenderer}

axes:{
 axesDefaults:{
  tickRenderer : $.jqplot.CanvasAxisTickRenderer, 
  tickOptions :{angle: -30}
 },
 xaxis:{
  renderer:$.jqplot.DateAxisRenderer, 
  rendererOptions:{                    
   tickRenderer:$.jqplot.CanvasAxisTickRenderer
  },
  ticks: xTicks, 
  tickOptions: {
   angle: -30,
   formatString: '%H:%M'
  },
 }
}

---

请参见工作示例

1：在代码中添加css和js：

<link class="include" rel="stylesheet" type="text/css" href="jquery.jqplot.min.css" />
<link rel="stylesheet" type="text/css" href="examples.min.css" />
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.min.css" />
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemejqPlot.min.css" />


<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
<script class="include" type="text/javascript" src="jquery.min.js"></script>

    <script class="include" type="text/javascript" src="jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="syntaxhighlighter/scripts/shCore.min.js"></script>
    <script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
    <script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.min.js"></script>
    <script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.barRenderer.min.js"></script>
    <script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.categoryAxisRenderer.min.js"></script>
    <script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.pointLabels.min.js"></script>
    <script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.dateAxisRenderer.min.js"></script>
  <script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.canvasTextRenderer.min.js"></script>
  <script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.canvasAxisTickRenderer.min.js"></script>

第二：HTML代码：

<div id="chartdiv" style="height:400px;width:300px; "></div>

第三：jQuery代码：

<script class="code" type="text/javascript">
$(document).ready(function(){
  var line1 = [['Cup Holder Pinion Bob', 7], ['Generic Fog Lamp', 9], ['HDTV Receiver', 15], 
  ['8 Track Control Module', 12], [' Sludge Pump Fourier Modulator', 3], 
  ['Transcender/Spice Rack', 6], ['Hair Spray Danger Indicator', 18]];
  var plot3 = $.jqplot('chart3', [line1], {
    title: 'Concern vs. Occurrance',
    series:[{renderer:$.jqplot.BarRenderer}],
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions: {
          angle: -30
        }
    },
    axes: {
      xaxis: {
        renderer: $.jqplot.CategoryAxisRenderer,
        tickOptions: {
          labelPosition: 'middle'
        }
      },
      yaxis: {
        autoscale:true,
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions: {
          labelPosition: 'start'
        }
      }
    }
  });
});
</script>

$（文档）.ready（函数（）{
var line1=['杯托小齿轮Bob'，7]，'通用雾灯'，9]，'高清电视接收器'，15]，
['8履带控制模块'，12]，'污泥泵傅里叶调制器'，3]，
[“超越者/香料架”，6]，“发胶危险指示器”，18]；
var plot3=$.jqplot（'chart3'，[line1]{
标题：“关注与发生”，
系列：[{renderer:$.jqplot.BarRenderer}]，
axesDefaults：{
tickRenderer:$.jqplot.CanvasAxisTickRenderer，
选择：{
角度：-30
}
},
轴线：{
xaxis：{
渲染器：$.jqplot.CategoryAxisRenderer，
选择：{
标签位置：'中间'
}
},
亚克斯：{
自动缩放：对，
tickRenderer:$.jqplot.CanvasAxisTickRenderer，
选择：{
标签位置：“开始”
}
}
}
});
});