Javascript HTML/JS显示一个条形图，其总数介于数十亿和负数之间

我的最高和最低值是：19002678404.19和-23873

我需要以某种方式在条形图中显示这些值以及其他一些值，我知道这可能是不可取的，但最好的方法是什么

我尝试过使用jsCharts和Morris，但是由于值有很大的差异，所以格式不起作用

我对莫里斯的尝试：

     <script>
 new Morris.Bar({
  element: 'bar-example',
  data: [
 { y: 'Name1', a: -11367},{ y: 'Name2', a: 2792463.6},{ y: 'Name3', a: 59337.23},{ y: 'Name4', a: 7053.1},{ y: 'Name5', a: 19002678404.19},{ y: 'Name6', a: -23873},{ y: 'Name7', a: 59998},{ y: 'Name8', a: 44393},{ y: 'Name9', a: 23543},{ y: 'Name10', a: 19315},{ y: 'Name11', a: -10489},{ y: 'Name12', a: -10971},{ y: 'Name13', a: -12015},{ y: 'Name14', a: -13873},{ y: 'Name15', a: -7381},{ y: 'Name16', a: 23118},{ y: 'Name17', a: 80098},{ y: 'Name18', a: 150549},{ y: 'Name19', a: 6658017.1721709},{ y: 'Name20', a: 9772},{ y: 'Name21', a: 20122},{ y: 'Name22', a: -1967},{ y: 'Name23', a: 156},{ y: 'Name24', a: 135258},{ y: 'Name25', a: 0},{ y: 'Name26', a: 8598},{ y: 'Name27', a: 2339},{ y: 'Name28', a: 140621},{ y: 'Name29', a: 534},{ y: 'Name30', a: 415}
],
  xkey: 'y',
  ykeys: ['a'],
  labels: ['Total']
});
</script>

新莫里斯酒吧({
元素：“条形图示例”，
数据：[
{{y:“名称：1:Name1，a:-11367年1.1 1，{y:“名称1，1:27924663.6 6}，{{y:“名称3，”y:“名称1：1：'Na名1，1：'Name1'1，a:1:1.1，a:1.11367，a:-11367}，，{{y:“名称2:'Na名2，，，{{{{y:“名称2：1:'Na名1:1:1:1:1：：：'1：'1：'1:1：'1'1'1'1'1'1:1'1'1'1'1'1，a：1'1'1，1'1'1，a:1，a:1，1，a:1，a:1，a:1，a:1，a:1，a:1，a:'1131，a:'113671，a:，a:-12015}，{y:'Name14'，a:-13873}，{y:'Name15'，a:-7381}，{y:'Name16'，a:23118}，{y:'Name17'，a:80098}，{y:'Name18'，a:150549}，{y:'Name19'，a:6658017.1721709}，{y:'Name20'，a:9772}，{y:'Name21'，a:20122'，a:1967}，{y:'Name23'，a:156}，{y:'Name23'，a:13524'，a:'Name25}，{，{y:'Name27'，a:2339}，{y:'Name28'，a:140621}，{y:'Name29'，a:534}，{y:'Name30'，a:415}
],
xkey:'y'，
ykeys:[a']，
标签：[“总计”]
});

---

正如在这个JSFIDLE示例中所看到的：

您应该尝试强制执行最大比例。编辑：检查这里：更好的值这里：使用

ymax:120000