полный код
<script>
jQuery('.chart2').viewportChecker({
classToAdd: 'animated fadeIn',
offset: 100,
callbackFunction: function(elem, action){
jQuery(document).ready(function(){
var chart = new CanvasJS.Chart("chartContainerPie2",
{
animationEnabled: true,
legend:{
verticalAlign: "bottom",
horizontalAlign: "center"
},
data: [
{
type: "pie",
toolTipContent: "{legendText}: <strong>{y}%</strong>",
indexLabel: "{label} {y}%",
dataPoints: [
{ y: 35, legendText: "Маркетинг", exploded: true, label: "Маркетинг" },
{ y: 20, legendText: "Менеджмент", exploded: true, label: "Менеджмент" },
{ y: 18, legendText: "Бизнес план", exploded: true, label: "Бизнес план" },
{ y: 15, legendText: "Товар", exploded: true, label: "Товар"},
{ y: 5, legendText: "Идея", label: "Идея" },
{ y: 7, legendText: "Реализация", label: "Реализация"}
]
}
]
});
chart.render();
}
)},
});
</script>
<div class="chart2 animated" id="chartContainerPie2" style="height: 300px; float: left;width: 60%;"></div>