Google visualization 谷歌条形图轴和第一列之间的边距

Google visualization 谷歌条形图轴和第一列之间的边距,google-visualization,Google Visualization,如何在材质条形图中增加轴与第一列之间的间距?我尝试了很多东西 options.chartArea = { left: '8%', top: '8%', width: "70%", height: "70%" }; 它不工作。没有调整参考空间的选项 必须插入一个空行 调整图表区域只会移动轴和第一列, 但它们仍将保持相同的距离 此外,chartArea选项在物料图表上根本不起作用 以及其他几个 请参阅下面的工作代码段 空行用于创建空间, 您可以在核心图表上看到差异chartArea.leftma

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

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

它不工作。

没有调整参考空间的选项

必须插入一个空行

调整
图表区域
只会移动轴和第一列,
但它们仍将保持相同的距离

此外,
chartArea
选项在物料图表上根本不起作用
以及其他几个

请参阅下面的工作代码段

空行用于创建空间,
您可以在核心图表上看到差异
chartArea.left
makes,
但是正如前面提到的,在没有空白行

的情况下,轴仍然很接近。 对于核心图表,还有一个选项--
主题:“材料”

google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
['ID','Col A'],
['',空],
['1000', 4],
['1001', 4],
['1002', 6]
]);
变量选项={
图表区:{
左:140
},
身高:400,
阀门:{
0: {
格式:'货币',
标题:“每张发票的人工成本”
}
},
宽度:600
};
var chart=new google.charts.Bar(document.getElementById('chart_div');
绘制(数据,google.charts.Bar.convertOptions(选项));
options.theme='material';
var chart1=新的google.visualization.ColumnChart(document.getElementById('chart_div1');
图表1.绘制(数据、选项);
},
软件包:['bar','corechart']
});

材料表
核心图

没有调整参考空间的选项

必须插入一个空行

调整
图表区域
只会移动轴和第一列,
但它们仍将保持相同的距离

此外,
chartArea
选项在物料图表上根本不起作用
以及其他几个

请参阅下面的工作代码段

空行用于创建空间,
您可以在核心图表上看到差异
chartArea.left
makes,
但是正如前面提到的,在没有空白行

的情况下,轴仍然很接近。 对于核心图表,还有一个选项--
主题:“材料”

google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
['ID','Col A'],
['',空],
['1000', 4],
['1001', 4],
['1002', 6]
]);
变量选项={
图表区:{
左:140
},
身高:400,
阀门:{
0: {
格式:'货币',
标题:“每张发票的人工成本”
}
},
宽度:600
};
var chart=new google.charts.Bar(document.getElementById('chart_div');
绘制(数据,google.charts.Bar.convertOptions(选项));
options.theme='material';
var chart1=新的google.visualization.ColumnChart(document.getElementById('chart_div1');
图表1.绘制(数据、选项);
},
软件包:['bar','corechart']
});

材料表
核心图
希望这有帮助--在使用材质图表时,也不要忘记转换选项--
google.charts.Bar.convertOptions(选项)
希望这有帮助--在使用材质图表时,也不要忘记转换选项--
google.charts.Bar.convertOptions(选项)