jqPlot折线图的点标签显示在错误的位置

时间:2013-09-24 13:51:46

标签: jqplot linechart

我正在使用jqPlot的折线图,其中数据应显示最近12个月。如果当前月份是9月,则X轴将显示2012年8月至2013年9月。但是,我从2013年1月开始有数据。因此,这些行将从图表中间开始,直到最近一个月的数据为止。

问题:行从正确的位置开始,但指针没有相应移动。尽管线条正确显示,但是从图表的开头显示了指针。

enter image description here

问题:如何移动应该在点上的指针呢?

更新:在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'
            }               

1 个答案:

答案 0 :(得分:0)

我找到了一个解决方法,直到jqPlot修复了他们的bug。显然将breakOnNull: true添加到seriesDefaults可解决此问题。这可以用于JSON部分中的pointLabelshighlighter