jquery - Chartjs 多个条形图，第一个数据会偏移过视图

Question

当多个条形图并列时，左边的第一组数据会超出水平线。

像图片：

这是我的环境：ec2、apache2、php7、laravel 5.2

我的 jQuery 是这样的：

 datasets: [
            {
             label: 'sale_revenue',
             backgroundColor: 'rgba(109,127,200,0.7)',
             borderColor: 'rgb(46,46,200)',
             data: sale_revenue0,
             yAxisID: 'left-y-axis'
             },....

超过3个酒吧。

我希望它显示这 3 个第一个数据。但是，它俯视。

标签： jquerychart.js

Answer 1

我从其他地方发现了这个问题的答案，我希望有两个方法来解决这个问题。</p>

如遇到相同的问题，可以参考某人的问题

xaxis 时间尺度的不均匀分布与 'autoSkip:true' 和 maxTicksLimit #3277

方法一：</p>

不使用类型=时间

options: {
          scales: {
                   xAxes: [{
                            // type: 'time',
                            time: {
                                   unit: 'month'
                                },
                            distribution: 'series'
                          }],
                          ...

方法二：

在轴时间的前后加上一组时间序列，为 0

图片