2013-04-30 72 views
0

我想获得条形图与线性刻度上的x轴,这里的代码 -与线性度jqPlot条形图

<script class="code" type="text/javascript">$(document).ready(function(){ 
     var years = ['2000', '2010', '2030'] 
     var chartData = [8140221, 8402213, 8544930]  
     $.jqplot.config.enablePlugins = true; 
        var plot2 = $.jqplot('chart0', [chartData], { 
         title: 'Some Plot', 
         seriesDefaults:{ 
          renderer: $.jqplot.BarRenderer, 
          rendererOptions: { 
           barPadding: 1, 
           barMargin: 15, 
           barDirection: 'vertical', 
           barWidth: 50 
          }, 
          pointLabels: { show: true } 
         }, 
         axes: { 
          xaxis: {        
            renderer: $.jqplot.CategoryAxisRenderer, 
            ticks: axisDates 
          }, 
          yaxis: { 
           tickOptions: { 
            formatString: '%d' 
           } 
          } 
         }, 
         highlighter: { 
          sizeAdjust: 7.5 
         }, 
         cursor: { 
          show: true 
         } 
        }); 

      });</script> 

enter image description here

在这里,X轴我们得到了2000年,2010年,和2030年仍然显示距离相同。无论如何,我可以在2010年和2030年之间展现更多距离,这样就可以粗略地看出第二区间的差异比第一区间更大。我尝试提供tickInterval和numberTicks,但它似乎没有改变任何东西。

我是否需要使用不同的渲染器或配置?

谢谢。

回答

0

我不确定您是否已经找到解决此问题的方法 - 但是,有一种方法可以“破解”图表来说明三个栏的差异。

如果您的数据集处于“预期”范围内,则可以使用minmax属性来限制范围,通过这样做可以显示值之间的真实差异。

提供了一个如何做到这一点的例子here