Question

我已经从Zurb网站下载了一个带有html等文件的比萨饼和甜甜圈图的项目。

由于某些原因，当我从PC打开HTML时，无法显示图形，仅显示标题和基本信息。

有什么遗漏吗？我需要下载更多东西以获得支持吗？

这是我下载项目的Zurb网站的链接 https://zurb.com/playground/pizza-pie-charts

Answer 1

看看他们的解释。

您必须在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>

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

Answer 2

此饼图在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>

将此行替换为侧边车身标签中代码的底部

比萨饼和甜甜圈与html

2 个答案: