Javascript 谷歌条形图最大条形宽度

我有一个固定宽度的分区内的谷歌条形图。在某些情况下，我有很多条，但有时我只有1或2条。问题是在这种情况下，我得到了如下图表：

我想设置一个最大酒吧宽度，这样当我只有一个酒吧，它不采取整个容器的宽度。你知道如何做到这一点吗

---

[编辑]我正在寻找一个解决方案，以解决“材料图表”（

google.charts.Bar

）

Bar.groupWidth

选项在材质图表上不起作用

即使使用

google.charts.Bar.convertOptions

试用版本<代码>'41'至<代码>'current'

例如

google.charts.load（'current'{
回调：函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Category'）；
data.addColumn（'number'，'Motivation Level'）；
data.addRows([
[10h'，5]
]);
var chart=new google.charts.Bar（document.getElementById（'chart_div'）；
chart.draw（数据，google.charts.Bar.options）({
酒吧：{
群组宽度：20
}
}));
},
套餐：['bar']
});
条形图。groupWidth
选项在物料图表上不起作用

即使使用
google.charts.Bar.convertOptions

试用版<代码>'41'

至<代码>'current'

例如

google.charts.load（'current'{
回调：函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Category'）；
data.addColumn（'number'，'Motivation Level'）；
data.addRows([
[10h'，5]
]);
var chart=new google.charts.Bar（document.getElementById（'chart_div'）；
chart.draw（数据，google.charts.Bar.options）({
酒吧：{
群组宽度：20
}
}));
},
套餐：['bar']
});
解决方案是在最初没有足够的列时添加空白列

for (var i = 0; i < n; i++) {
    if (i % 2 == 0)
        rows.push([" ", null])
    else
        rows.unshift([" ", null])
}
dataTable.addRows(rows);

（变量i=0；i{
如果（i%2==0）
rows.push（[“”，null]）
其他的
行。取消移位（[“”，null]）
}
dataTable.addRows（行）；

解决方案是在最初没有足够的列时添加空白列

for (var i = 0; i < n; i++) {
    if (i % 2 == 0)
        rows.push([" ", null])
    else
        rows.unshift([" ", null])
}
dataTable.addRows(rows);

（变量i=0；i{ 如果（i%2==0） rows.push（[“”，null]） 其他的 行。取消移位（[“”，null]） } dataTable.addRows（行）； 我使用了以下内容（灵感来自@Amaud）

为了防止条形图有一个很厚的行，我使用以下代码添加了空行

  if (tData.getNumberOfRows()==1) {
        addRow(tData,' ',1);
        addRow(tData,' ',1);
    }

完整代码如下：

请注意，函数addRow仅在有值时才向图表中添加一行，因此有时 最后只有一排非常厚

var tData = new google.visualization.DataTable();
tData.addColumn('string','Type');
tData.addColumn('number','Amount (Millions)");
addRow(tData,'Row1', a1);
addRow(tData,'Row2', a2);   
addRow(tData,'Row3', a3);    
addRow(tData,'Row4', a4);
if (tData.getNumberOfRows()==1) {
    addRow(tData,' ',1);
    addRow(tData,' ',1);
  }

 var options = {
        ...
      };

var chart = new google.visualization.BarChart(document.getElementById('chart'));
chart.draw(tData, options);


function addRow(tData,text,num) {
   if (num>0) {
       tData.addRow([text,num/1000000]);
    }
}

我使用了以下内容（灵感来自@Amaud）

为了防止条形图有一个很厚的行，我使用以下代码添加了空行

  if (tData.getNumberOfRows()==1) {
        addRow(tData,' ',1);
        addRow(tData,' ',1);
    }

完整代码如下：

请注意，函数addRow仅在有值时才向图表中添加一行，因此有时 最后只有一排非常厚

var tData = new google.visualization.DataTable();
tData.addColumn('string','Type');
tData.addColumn('number','Amount (Millions)");
addRow(tData,'Row1', a1);
addRow(tData,'Row2', a2);   
addRow(tData,'Row3', a3);    
addRow(tData,'Row4', a4);
if (tData.getNumberOfRows()==1) {
    addRow(tData,' ',1);
    addRow(tData,' ',1);
  }

 var options = {
        ...
      };

var chart = new google.visualization.BarChart(document.getElementById('chart'));
chart.draw(tData, options);


function addRow(tData,text,num) {
   if (num>0) {
       tData.addRow([text,num/1000000]);
    }
}

---

你的密码呢？我试过了，但没用。我认为当您有不同的条形图组时，它会产生影响，但在我的情况下，我只有一个组。对不起，我正在寻找材质图表（

google.charts.bar

）的解决方案。您的代码在哪里？我尝试了，但没有成功。我认为当您有不同的条形图组时，它会产生影响，但在我的情况下，我只有一个组。对不起，我正在寻找材质图表的解决方案（

google.charts.bar

）是的，那么我该怎么做？是的，那么我该怎么做？