Pizza響應(yīng)式餅圖圖表

Pizza Pie Charts 是個(gè)響應(yīng)式餅圖圖表，基于 Adobe Snap SVG 框架，通過 HTML 標(biāo)記和 CSS 來替代 JavaScript 對(duì)象，更容易集成各種先進(jìn)的技術(shù)。

執(zhí)行

創(chuàng)建一個(gè)帶有ul和元素的鍵，這些元素代表餅圖的每個(gè)部分，并帶有一個(gè)data-pie-id指向圖表容器ID的屬性。

<ul data-pie-id="svg">
  <li data-value="60">Water Buffalo (60)</li>
  <li data-value="20">Bison (20)</li>
  <li data-value="12">Sheep (12)</li>
  <li data-value="32">Goat (32)</li>
  <li data-value="50">Shetland Pony (50)</li>
</ul>