Javascript 带html的比萨饼和甜甜圈

我已经从Zurb网站下载了一个比萨饼和甜甜圈图的项目，包括html等

由于某种原因，当我从电脑中打开HTML时，图形无法显示，只有标题和基本信息

少了什么吗？我需要下载更多的支持资料吗

这里是Zurb网站的链接，我在那里下载了这个项目

---

看看他们的解释

您必须在head标记中写入以下内容才能使其正常工作： 第一个链接是CSS化妆品 然后您必须下载jquery，因为这个库似乎依赖于jquery 之后，您将获得pizza.js的链接

<link href="stylesheets/pizza.css" media="screen, projector, print" rel="stylesheet" type="text/css" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/vendor/snap.svg.js"></script>
<script src="js/jquery.pizza.js"></script>

要测试它是否有效，只需插入它们的代码：

<ul data-pie-id="my-cool-chart">
  <li data-value="36">Pepperoni</li>
  <li data-value="14">Sausage</li>
  <li data-value="8">Cheese</li>
  <li data-value="11">Mushrooms</li>
  <li data-value="7">Chicken</li>
  <li data-value="24">Other</li>
</ul>

<script>Pizza.init();</script>

---

将其替换为您要创建的饼图

此饼图在Jquery 2.0上支持它

<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
  <script src="dist/js/vendor/dependencies.js"></script>
  <script src="dist/js/pizza.js"></script>
  <script>
    $(window).load(function() {
      Pizza.init();
      $(document).foundation();
    });
  </script>

---

替换侧车身标签代码底部的这一行

您需要向我们展示您为设置它而编写的代码。用你的代码编辑你的问题，并指出你认为不正确的地方。在尝试让它工作之后，我遇到了一些问题。我看了一下tehir github存储库，发现了一个问题：如果我是你，我会尝试使用另一个库来存储图表