Javascript 为什么谷歌图表没有显示在容器中？_Javascript_Html_Css_Charts

Javascript 为什么谷歌图表没有显示在容器中？

javascript html css charts

Javascript 为什么谷歌图表没有显示在容器中？,javascript,html,css,charts,Javascript,Html,Css,Charts,我需要把一个动画饼图显示了一个网站的容器内的百分比水平。我尝试添加这个GoogleAPI图表，但当它在容器中时，它不会出现有没有更好的方法来实现这一点谢谢 1.这是饼图孔图形的代码： <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> goog

我需要把一个动画饼图显示了一个网站的容器内的百分比水平。我尝试添加这个GoogleAPI图表，但当它在容器中时，它不会出现

有没有更好的方法来实现这一点

谢谢

1.这是饼图孔图形的代码：

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
      <script type="text/javascript">
        google.charts.load("current", {packages:["corechart"]});
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = google.visualization.arrayToDataTable([
            ['Pac Man', 'Percentage'],
            ['', 75],
            ['', 25]
          ]);

          var options = {
            legend: 'none',
            pieHole: 0.3,
          pieSliceBorderColor: 'blue',
            pieSliceText: 'none',
            pieStartAngle: 135,
            tooltip: { trigger: 'none' },
            slices: {
              0: { color: 'blue' },
              1: { color: 'transparent' }
            }
          };

          var chart = new google.visualization.PieChart(document.getElementById('pacman'));
          chart.draw(data, options);
        }
      </script>
  <body>
 <div id="pacman" style="width: 900px; height: 500px;"></div>
</body>


load（“当前”{packages:[“corechart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“吃豆人”，“百分比”]，
['', 75],
['', 25]
]);
变量选项={
图例：“无”，
pieHole:0.3，
颜色：'蓝色'，
请输入文本：“无”，
皮斯塔坦格尔：135，
工具提示：{trigger:'none'}，
切片：{
0:{color:'blue'}，
1:{color:'透明'}
}
};
var chart=newgoogle.visualization.PieChart（document.getElementById（'pacman'）；
图表绘制（数据、选项）；
}

这是网站中容器的代码：


技能
软件

网状物

第二个代码不可见您要将其加载到哪个容器中？您需要将

div id=“pacman”

购买到您想要的容器中。@luke谢谢！它工作了，现在我可以看到我的容器内的图表，但图表被一个白色的正方形包围，有没有办法摆脱它？再次感谢。

<section id="screenshot" class="section">
    <div class="container">
      <div class="section-header">
        <h1 class="section-title wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">Skills</h1>
        <h2 class="section-subtitle wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="400ms">Software</h2>
      </div>
    </div>
    <div class="row" style="margin:0; padding:0;">
      <div class="col-md-4 col-sm-6 col-xs-12" style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img src="img/portfolio/img1.jpg" alt="">
            <figcaption>
              <div class="heading">
                <h3></h3>
                <p>
                  WEB 
                </p>
              </div>
              <div class="icon">
                <i class="mdi-content-add-circle-outline"></i>
              </div>
            </figcaption>
          </figure>
        </div>
      </div>