JQPLOT 条形图范围

Question

我使用 jqplot 创建了一个动态条形图，问题是有些值很大，例如 10000000，而其他值很小，例如 2000 或 10000。由于这个范围问题，我只能看到更大的有价值的图表，而其余的甚至不出现或仅显示为轴上的一条线。

有人可以告诉我如何解决这个范围问题吗？

Answer 1

根据我的评论，以及您需要实现包含 jqplot 条形图的解决方案，我建议通过向图中添加第二条线图来说明值的巨大差异。

$(document).ready(function(){ 
var data = [10000000, 5000000,10000,2000];
var options= {    
   title: 'Bar and Line Chart',      
   series:[{
      renderer: $.jqplot.BarRenderer,                 
      rendererOptions: {          
         barMargin: 5,           
         fillToZero: true               
      },
      pointLabels: {
         show: true,
         seriesLabelIndex:1,
         hideZeros:false
      }
   }],
   axes: {      
      xaxis: {          
         tickRenderer: $.jqplot.CanvasAxisTickRenderer,
         renderer: $.jqplot.CategoryAxisRenderer,
      },      
      yaxis: {   
         labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
         padMin: 0,
         pad: 1.1,
         label: ' logarithmic scale',
         rendererOptions: { forceTickAt0: true}
      } 
   },               
};  
$.jqplot('graph', [data,data], options );
});

这是 jsfiddle

中的有效解决方案

JQPLOT 条形图范围

JQPLOT bar graph range

javascript

jqplot