3

在我的 lineChart(primefaces 3.4) 中，xaxis 有很多 dateTimes 标签并且它们重叠，有没有办法防止 xaxis 重叠？当我在 lineChart 中使用扩展器属性（带有 jqplot 函数）时，我可以将 autosacle 应用于轴 ，但 来自 1..n 的 int 值标签将被替换而不是 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" />
4

2 回答 2

1

我想你想用CanvasAxisTickRenderer

包括jqplot.canvasAxisTickRenderer.min.js

而不是定义

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

看一下 jqPlot 示例：旋转轴刻度标签 | jq绘图

和类似的问题jqPlot - x 轴上带有角度的多行刻度

看一下关于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
      }
于 2012-12-13T07:02:09.640 回答
0

如果您有这么多数据点，如何使用缩放：

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

和

<script language="javascript" type="text/javascript" src="jquery/jqplot/plugins/jqplot.cursor.min.js"></script>
于 2013-07-29T08:37:49.667 回答