<div class="pie-chart" data-data="[{&quot;value&quot;: 91, &quot;color&quot;:&quot;#FCD901&quot;, &quot;highlight&quot;:&quot;#EFCD02&quot;},{&quot;value&quot;: 9, &quot;color&quot;: &quot;#90ADAB&quot;, &quot;highlight&quot;: &quot;#88A4A2&quot;}]" style="visibility: visible;">
	<canvas class="chart" height="960" width="1920" style="width: 960px; height: 480px;"></canvas>	
</div>

<div class="pie-chart" data-data="[{&quot;value&quot;: 91, &quot;color&quot;:&quot;#FCD901&quot;, &quot;highlight&quot;:&quot;#EFCD02&quot;},{&quot;value&quot;: 9, &quot;color&quot;: &quot;#90ADAB&quot;, &quot;highlight&quot;: &quot;#88A4A2&quot;}]" style="visibility: visible;">
	<canvas class="chart" height="960" width="1920" style="width: 960px; height: 480px;"></canvas>	
</div>
{# 
    Valid data attributes:
        - data-data: JSON string of valid data as per http://www.chartjs.org/docs/#doughnut-pie-chart
            Note that `label` is not required for our default setup
        - data-options: JSON string of valid options as per http://www.chartjs.org/docs/#getting-started-global-chart-configuration
            Defaults to (excluding Chart.js defaults):
                {
                    segmentShowStroke : false,
                    scaleShowLabels: false,
                    responsive: true,
                    showTooltips: true,
                    animationEasing: 'easeOutCirc',
                    animationSteps : 100,
                    tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>p",
                }
#}