Javascript 条形图中的所有条形保持在左侧，宽度很小

我正在用非常简单的数据填充条形图。但不管我做什么，它似乎总是留着很小的宽度。我怎样才能解决这个问题？你能告诉我吗？我也试过用钢筋厚度和钢筋百分比似乎并没有改变任何事情。有什么我能做的吗？多谢各位

Js部分：

var labels = ["Request for Information", "Product Availability", "Offer Eligibility", "Price Query", "How To Order",
                "Delivery Duration", "Offer Duration", "Product Feature Query", "Delivery Charge", "Order Confirmation"]
var barData=[17076, 16313, 11337, 11000, 6116, 5957, 5590, 4815, 3825, 335]
var tempbackgroundColor=['rgba(192, 57, 43, 1)',
                'rgba(155, 89, 182, 1)',
                'rgba(84, 153, 199, 1)',
                'rgba(69, 179, 157, 1)',
                'rgba(245, 176, 65 , 1)',
                'rgba(236, 240, 241, 1)',
                'rgba(127, 140, 141, 1)',
                'rgba(44, 62, 80, 1)'
            ]

            var dataSets = [];

            for (var i = 0; i < labels.length; i++) {
                var tmp = { data: [] };

                tmp.label = labels[i];
                tmp.borderColor = [tempbackgroundColor[i]];
                tmp.backgroundColor = [tempbackgroundColor[i]];
                tmp.borderWidth = 1;
                tmp.data = [barData[i]];

                dataSets.push(tmp);
            }

            if (data != '') {
                $scope.trendChartLoading = '0';
            }

            showMBSLineChart(this.canvasId, labels, dataSets, "bar", this.area,true,false);

---

在调用showMBSLinechart函数时，只需使用单个数组数据进行调用

 showMBSLineChart(this.canvasId, ["counts"], dataSets, "bar", this.area,false,true);

 showMBSLineChart(this.canvasId, ["counts"], dataSets, "bar", this.area,false,true);