Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何放大与轴的文本保持一致的区域?谷歌图表_Javascript_Css_Charts_Google Visualization - Fatal编程技术网

Javascript 如何放大与轴的文本保持一致的区域?谷歌图表

Javascript 如何放大与轴的文本保持一致的区域?谷歌图表,javascript,css,charts,google-visualization,Javascript,Css,Charts,Google Visualization,我对水平数据的间距表示怀疑,当文本稍大时,它会减少三个点,我的目标是生成pdf,它必须显示完整的值 函数init(){ 加载(“可视化”,“1.1”{ 软件包:[“corechart”], 回拨:“格拉菲科” }); } 函数grafico(){ var data=google.visualization.arrayToDataTable([ [“任务”,“每天工作小时数”], [‘编码’,11], [Eat',1], [‘通勤’,2], [“寻找代码问题”,4], [Sleep',6] ])

我对水平数据的间距表示怀疑,当文本稍大时,它会减少三个点,我的目标是生成pdf,它必须显示完整的值


函数init(){
加载(“可视化”,“1.1”{
软件包:[“corechart”],
回拨:“格拉菲科”
});
}
函数grafico(){
var data=google.visualization.arrayToDataTable([
[“任务”,“每天工作小时数”],
[‘编码’,11],
[Eat',1],
[‘通勤’,2],
[“寻找代码问题”,4],
[Sleep',6]
]);
var data=google.visualization.arrayToDataTable(dados);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,
1, {
键入:“字符串”,
角色:'注释',
资料来源专栏:1,
计算:“字符串化”
},
2, {
键入:“字符串”,
角色:'注释',
资料来源专栏:2,
计算:“字符串化”
}
]);
变量选项={
标题:“Cronograma”,
变量:{title:'Percentual'},
哈克斯:{
标题:“Grupo”,
//是的,
//倾斜角度:90,
文本样式:{
尺寸:10,
},
},
};
var chart=newgoogle.visualization.ColumnChart(document.getElementById('grafico');
图表绘制(视图、选项);
}


无法放大水平文本区域,使文本无法缩小。

若要放大水平文本区域,
使用配置选项

chartArea: {
  bottom: 200
},
注意:因此,您可能还必须增加
顶部
左侧

chartArea: {
  bottom: 300,
  left: 150,
  top: 36
},
请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['Name','Previsto','Executado'],
[OBRA DE Requalificao DA MORE TEXT',22,22],
['DEMOLICOES RETIRADAS E REQUEST MORE TEST',4,0],
['DRENA',0,0]
]);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1{
计算:'字符串化',
资料来源专栏:1,
键入:“字符串”,
角色:“注释”
}, 2, {
计算:'字符串化',
资料来源专栏:2,
键入:“字符串”,
角色:“注释”
}]);
变量选项={
图表区:{
底数:300,
左:200,,
top:36
},
身高:600,
标题:“Cronograma”,
变量:{title:'Percentual'},
哈克斯:{
是的,
标题:“Grupo”
}
};
var container=document.getElementById('chart_div');
var chart=新的google.visualization.ColumnChart(容器);
图表绘制(视图、选项);
});

Example:非常感谢WhiteHat,我很难理解如何最好地解决这种情况。
chartArea: {
  bottom: 200
},
chartArea: {
  bottom: 300,
  left: 150,
  top: 36
},