Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.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 Google饼图不适合该容器_Javascript_Google Api_Google Visualization_Pie Chart - Fatal编程技术网

Javascript Google饼图不适合该容器

Javascript Google饼图不适合该容器,javascript,google-api,google-visualization,pie-chart,Javascript,Google Api,Google Visualization,Pie Chart,我正在与之合作,并开发了一个饼图,以参考 我的饼图截图:- 屏幕截图通过firebug显示容器 这里出现了问题,低不透明度的蓝色是图表出现的容器(即div),有些不适合包含它的外部div,并显示一些无用的空格,如果我的代码正确,饼图无论如何都应该适合div 处理此代码:- var options_pie = { chartArea: { left: 0, top: 0, width: "100%", height: "60%"}, colors: ['#59ea54', '#a14660',

我正在与之合作,并开发了一个饼图,以参考

我的饼图截图:-

屏幕截图通过firebug显示容器

这里出现了问题,低不透明度的蓝色是图表出现的容器(即div),有些不适合包含它的外部div,并显示一些无用的空格,如果我的代码正确,饼图无论如何都应该适合div

处理此代码:-

var options_pie = {
chartArea: { left: 0, top: 0, width: "100%", height: "60%"},
colors: ['#59ea54', '#a14660', '#f3cf4a', '#16a2c2', '#ce7374', '#39ae9b'],
legend: 'none',
};

var chartPie = new google.visualization.PieChart(document.getElementById('chart_pie'));
chartPie.draw(data, options_pie);

我不知道,是我遗漏了什么还是api有问题?

尝试修改宽度和高度,例如:

 options.chartArea = {left:0, 'width': '80%', 'height': '80%'}

没有
左:0
,和
顶:0,有什么不同吗?@GusRuss89感谢回复,也尝试过了,但没有效果…感谢回复,他们的饼图圆在应用此代码后比现有饼图圆增加了50%,我是否将宽度和高度都保持为100%呢?如果没有图例,可以尝试100%。我必须确保此图表所在的容器显示为:block first