2013-09-24 56 views
0

我與在數據應顯示爲過去12個月jqPlot的折線圖工作。如果當前月份是9月,則X軸將顯示2012年8月至2013年9月。但是,我有從2013年1月開始的數據。因此,這些行將從圖表的中間開始,直到最近可用的月份數據。jqPlot線圖的pointlabels顯示在錯誤的地方

問題:行從正確的位置開始,但指針沒有相應移動。儘管線條顯示正確,但是從圖表的開始處開始顯示。

enter image description here

問題:我如何才能將它應該是對的點,而不是pointables?

更新:好像行知問題jqPlot(issue log

var json= {  
     title: '' 
     ,stackSeries: false 
     ,captureRightClick: true  
     ,seriesDefaults:{  
      //renderer:$.jqplot.BarRenderer  
      rendererOptions: {        
       highlightMouseDown: true        
      }  
      ,pointLabels: { 
       show: true 
       ,formatString: '%.1f' 
       ,seriesLabelIndex:null 
       ,hideZeros:true 
      } 
      ,markerOptions: { 
       show: true,  

       style: 'filledCircle', 
      } 
     } 
      ,series: [ 
       {label: 'A', color:'#FDC12E'} 
       ,{label: 'B', color:'#C9198D'} 
       ,{label: 'C', color:'#56B9F9'} 
       ,{label: 'D', color: '#F1683C'} 
            ,{label: 'E', color: '#000000'} 
      ] 

      ,axes: {  
       xaxis: {   
        tickOptions:{angle:-45} 
        ,tickRenderer: $.jqplot.CanvasAxisTickRenderer 
        ,renderer: $.jqplot.CategoryAxisRenderer 
        ,ticks: [] 
       },  
       yaxis: { 
        labelRenderer: $.jqplot.CanvasAxisLabelRenderer 
        ,padMin: 0 
        ,pad: 1.05 
        ,min: 0 
        ,tickOptions:{formatString: '%.0f'}, 
       } 
      }  
      ,legend: { 
       show: true 
       ,location: 's' 
       ,placement: 'outsideGrid' 
      } 
      ,highlighter:{ 
       show: true 
       ,tooltipLocation: 's' 
       ,yvalues: 2 
       ,bringSeriesToFront:true 
       ,showMarker:false 
       ,tooltipAxes: 'y' 
       ,formatString: "%n%s" 
      } 
      ,cursor:{ 
       show: true 
       ,zoom:true 
       ,showTooltip:false 
       ,constrainZoomTo: 'y' 
      } 
      ,grid:{ 
       background: '#f8f8f8' 
      }    

回答

0

我找到了一個解決辦法,直到jqPlot修復自己的錯誤。顯然,將breakOnNull: true添加到seriesDefaults可解決此問題。這可以用於pointLabels或用於JSON部分中的highlighter

+0

否則,您可以指定xaxis的最小值和/或最大值:請參見[第二個示例](http://www.jqplot.com/tests/date-axes.php) – AnthonyLeGovic

+0

恐怕最小值/最大值值由於空值而不工作。 – shaz

+0

因此,您可以在繪製圖形之前對數據進行預處理,並將最小值和最大值保留爲空值 – AnthonyLeGovic