【问题标题】:Google Pie Chart does not fit the container谷歌饼图不适合容器
【发布时间】:2013-06-07 12:03:16
【问题描述】:

我正在与Google Chart API 合作,并参考 Visualization: Pie Chart 开发了一个饼图

我的饼图截图:-

屏幕截图显示了通过 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 的问题?

【问题讨论】:

  • 没有left: 0top: 0;有什么不同吗?
  • @GusRuss89 谢谢回复,也试过了,但是没有效果...

标签: javascript google-api google-visualization pie-chart


【解决方案1】:

尝试修改宽高,例如:

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

【讨论】:

  • 感谢您的回复,在应用此代码后,它们比现有的饼圈增加了 50%,我是否为此保持宽度和高度 100%?
  • 如果你没有图例,你可以尝试 100%。
  • 我必须确保这个图表所在的容器是 display: block first
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-11
  • 2012-07-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多