[akefa]

Есть скрипт вывода диаграмм - CanvasJS, для отложенного запуска использую viewportChecker, то есть что бы скрипт запускался когда страница прокручивается до нужного элемента. Проблема в том что в таком виде (ниже пример) скрипт не работает, но если записать его например в custom.js и подключить файл то работает как надо, в чем может быть проблема?

<script>
jQuery('.chart').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 },
                {  y: 20, legendText },
                {  y: 18, legendText },
                {  y: 15, legendText },
                {  y: 5, legendText   },
                {  y: 7, legendText   }
            ]
    }
    ]
    });
    chart.render();
  }
             )}, 
});
</script>

<div class="chart" id="chartContainerPie2" style="height: 300px; float: left;width: 60%;"></div>