與線性度jqPlot條形圖

我想獲得條形圖與線性刻度上的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，但它似乎沒有改變任何東西。

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

謝謝。

來源

2013-04-30 Mutant

我不確定您是否已經找到解決此問題的方法 - 但是，有一種方法可以「破解」圖表來說明三個欄的差異。

如果您的數據集處於「預期」範圍內，則可以使用min和max屬性來限制範圍，通過這樣做可以顯示值之間的真實差異。

提供了一個如何做到這一點的例子here。

來源

2013-05-13 03:25:33 karancan

與線性度jqPlot條形圖

回答

相關問題