轴与第一列之间的Google条形图边距

Question

如何在材质条形图中增加轴与第一列之间的间距？我尝试了很多东西

options.chartArea = { left: '8%', top: '8%', width: "70%", height: "70%" }; 

它不工作。

Answer 1

没有调整你参考

的空间将不得不插入一个空白行

调整chartArea只会移动轴和第一列，
但他们自己的选择仍然在相互接近的地方

另外，chartArea选项根本不起作用材料图
与其他几个人

沿

看到下面的工作片断

一个空行来创造空间，
你可以看到不同chartArea.left使得核心图上，
但如前所述，轴线仍然靠近而没有空行

还有一个选项 - theme: 'Material' - 对于核心个图表

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['ID', 'Col A'], 
 
     [' ', null], 
 
     ['1000', 4], 
 
     ['1001', 4], 
 
     ['1002', 6] 
 
    ]); 
 

 
    var options = { 
 
     chartArea: { 
 
     left: 140 
 
     }, 
 
     height: 400, 
 
     vAxes: { 
 
     0: { 
 
      format: 'currency', 
 
      title: 'Labor Cost per Invoice' 
 
     } 
 
     }, 
 
     width: 600 
 
    }; 
 

 
    var chart = new google.charts.Bar(document.getElementById('chart_div')); 
 
    chart.draw(data, google.charts.Bar.convertOptions(options)); 
 

 
    options.theme = 'material'; 
 
    var chart1 = new google.visualization.ColumnChart(document.getElementById('chart_div1')); 
 
    chart1.draw(data, options); 
 
    }, 
 
    packages:['bar', 'corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div>Material Chart</div> 
 
<div id="chart_div"></div> 
 
<div>Core Chart</div> 
 
<div id="chart_div1"></div>