2011-11-30 50 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

相关问题