Charts 谷歌图表减少Y轴标签宽度

Charts 谷歌图表减少Y轴标签宽度,charts,google-visualization,Charts,Google Visualization,我试图用谷歌图表绘制一张图表,但我遇到了一个问题,我无法减小X轴标签的宽度。我在选项中使用了chartArea,如下所示。但我仍然无法修复它 options = { height : 450, width: 1024, bar: { groupWidth: '80%' }, bars: 'horizontal', // Required for Material Bar Charts.

我试图用谷歌图表绘制一张图表,但我遇到了一个问题,我无法减小X轴标签的宽度。我在选项中使用了chartArea,如下所示。但我仍然无法修复它

options = {
            height : 450,
            width: 1024,
            bar: { groupWidth: '80%' },
            bars: 'horizontal', // Required for Material Bar Charts.
            chartArea:{left:30,top:10,width:'80%'}              
        };

我得到的结果如下:

有几个选项不受材质图表支持

包括-->
charterArea.

建议改为使用核心图表,使用以下选项

theme: 'material'
请参阅以下工作片段

google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
[“高血压”,1000400200],
['mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm',1170460250],
[Test 1',660,1120,300],
[测试2',1030540350]
]);
变量选项={
身高:450,
宽度:1024,
条形图:{groupWidth:'80%},
图表区:{左:30,上:10,宽:80%},
主题:“材料”
};
var chart=new google.visualization.BarChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}


Yes。。它起作用了。你节省了我的时间。非常感谢WhiteHat:)这也适用于堆叠柱形图吗?它看起来很酷,我试过了,但我仍然看到标签被切碎了。。。我把图表放在一个弹出的jquery选项卡中,这就是它失败的地方,将图表移动到一个单独的页面就像一个符咒…为了给标签留出更多的空间,增加-->
chartArea.left