2011-11-30 92 views
0

我正在使用jqplot作爲一個條形圖,其中有一個非常高的數字約700萬和兩個非常低的數字,小於100,000時,他們在條形圖上繪製的兩個低數字只有幾個像素高,你可以幾乎看不到他們。是否可以在jqplot中使用不成比例的區間?

我想知道是否有可能使用不相稱的時間間隔上,例如x軸圖表的下半部分將被說0 - 100,000,然後將上半部分將在10萬去 - 7000000

我可以在任何地方都沒有找到它,我已經設置了自定義的'蜱',但是所有這些都會將所有低位數字擠入底部的小空間。

谷歌沒有幫助。

這裏是我迄今爲止

function init_graph() { 
    var line1 = [19877, 6643895, $('#inpSalary').val()]; 

    var tickers = ['low number', 'huge number', 'low number']; 

      plot1 = $.jqplot('jqplot', [line1], { 
       stackSeries: true, 
       legend: { 
        show: true, 
        location: 'ne' 
       }, 
       title: 'Data per month stack by user', 
       seriesColors:['#fcbaac','#f5564d','#1e3045'], 
       seriesDefaults: { 
        renderer: $.jqplot.BarRenderer, 
        rendererOptions: { 
         varyBarColor: true, 
         // barPadding: 6, 
         // barMargin: 15, 
         barWidth: 60, 
         highlightMouseOver: true 
        } 
      // shadowAngle: 135 
       }, 
       series: [{ 
        label: 'User1' 
       }], 
       axes: { 
        xaxis: { 
         renderer: $.jqplot.CategoryAxisRenderer, 
         ticks: tickers   
        }, 
        yaxis: { 
         ticks: [0,20000,30000,40000,50000,60000,70000,80000,90000,100000,7000000], 
         min: 0 
        } 
       } 
      }); 
} 

回答

2

你可以切換到使用LogAxisRenderer,它在默認情況下給你一個數底10刻度在y軸:

<snip> 
axes: { 
    xaxis: { 
    renderer: $.jqplot.CategoryAxisRenderer, 
     ticks: tickers   
    }, 
    yaxis: { 
     renderer: $.jqplot.LogAxisRenderer, 
     min: 100 
    } 
} 
<snip> 

enter image description here

+0

非常感謝。欣賞它。 – tsdexter

相關問題