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

有人可以让我知道如何解决此范围问题吗?

最佳答案

根据我的评论,您需要实现一个包含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中的可行解决方案

10-05 20:53
查看更多