			yAxes: [{
				ticks: {
					beginAtZero:true
				}
			}]
		},
	}
});
</code>
</pre>

<h5 id="pie">Pie Chart</h5>
<div class="bd-example">
<div id="chart-container">
	<canvas id="pieChart" style="width: 50%; height: 50%"></canvas>
</div>
</div>
<pre class="language-markup">
<code class="language-markup">
	&lt;div id=&quot;chart-container&quot;&gt;
		&lt;canvas id=&quot;pieChart&quot;&gt;&lt;/canvas&gt;
	&lt;/div&gt;
</code>
</pre>
<pre class="language-markup">
<code class="language-javascript">

var pieCh