Javascript 显示谷歌图表的一半
我正在使用以下代码显示图表。图表的大小现在为500x500。我只想显示图表的一半。如500x250。但是,当我更改div中的值时,不是显示它的一半,而是调整整个图表的大小 我需要的是隐藏显示“黄色”的区域,(我不想使其透明)Javascript 显示谷歌图表的一半,javascript,html,css,google-visualization,Javascript,Html,Css,Google Visualization,我正在使用以下代码显示图表。图表的大小现在为500x500。我只想显示图表的一半。如500x250。但是,当我更改div中的值时,不是显示它的一半,而是调整整个图表的大小 我需要的是隐藏显示“黄色”的区域,(我不想使其透明) 网站代码分析器 load(“当前”{packages:[“corechart”]}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=google.visualization.arrayToD
网站代码分析器
load(“当前”{packages:[“corechart”]});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“吃豆人”,“百分比”],
[‘分析仪分数’,75],
['', 25],
['', 100]
]);
变量选项={
pieHole:0.5,
工具提示:{text:'value'},
标题:“我的日常活动”,
图例:“无”,
宽度:500,
请输入文本:“无”,
皮斯塔坦格尔:270,
切片:{
0:{颜色:'#3366CC'},
1:{color:'#EAE8E8'},
2:{颜色:'黄色'}
}
};
var chart=newgoogle.visualization.PieChart(document.getElementById('pacman');
图表绘制(数据、选项);
}
谢谢大家,我自己得到了答案
<div style="max-height:250px;overflow:hidden">
<div id="pacman" style="width: 500px; height: 500px;"></div>
</div>
将图表设置为
div的背景
。如果你可以把你的代码放在一个。
<div style="max-height:250px;overflow:hidden">
<div id="pacman" style="width: 500px; height: 500px;"></div>
</div>