Question

在我的lineChart（primefaces 3.4）中，xaxis有许多dateTimes标签并且它重叠，有没有办法防止在xaxis中重叠？当在lineChart中我使用extender属性（使用jqplot函数）时，我可以将自动调整应用于轴，但 int值将取代1..n中的标签而不是dateTime标签！这是我的示例代码：

xhtml代码

 <script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js"> 
 <script type="text/javascript">
 function setScale() {
          this.cfg.axes ={                
                xaxis:{
                    renderer:$.jqplot.DateAxisRenderer,                    
                    autoscale : true,
                    }          
        }
</script>
<p:lineChart  value="#{chartBean.chartModel}"  extender="setSacle" xaxisAngle="-30" />

Answer 1

我想你想使用CanvasAxisTickRenderer

加入jqplot.canvasAxisTickRenderer.min.js

而不是定义

xaxis:{
    tickRenderer: $.jqplot.CanvasAxisTickRenderer,
    tickOptions: {
       angle: -30
    }
 }

看看jqPlot示例：Rotated Axis Tick Labels | jqPlot

类似问题jqPlot - multiline ticks with angle in x-axis

在Axis Labels and Rotated Text的第二个例子中取一个厕所它使用DateAxisRenderer和autoscale: true

xaxis: {
      autoscale: true,
      renderer: $.jqplot.DateAxisRenderer,
      label: 'Incliment Occurrance',
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
      tickRenderer: $.jqplot.CanvasAxisTickRenderer,
      tickOptions: {
           angle: 15
      }

Answer 2

如果有这么多数据点，使用缩放怎么样：

cursor: {
                    show: true,
                    showTooltip: false,
                    zoom: true,
                    constrainZoomTo: 'x'},

和

<script language="javascript" type="text/javascript" src="jquery/jqplot/plugins/jqplot.cursor.min.js"></script>

如何在曲面3.4中自动调整折线图的x轴

2 个答案: