I have been trying to output charts in my pdf but for some reason it fails to render the template with the chart.
when using this .
however for some solutions i have seen them using
. but i want the solution for the upper one.

code

<script type="text/javascript">



  // Load Charts and the corechart and barchart packages.

  function init(){

    //google.charts.load('current','1.0',{'packages':['corechart']});

    //google.charts.setOnLoadCallback(drawChart);

    window.onload = function () {

    google.charts.load('current','1.0',{'packages':['corechart']});

    setTimeout(function(){drawChart();}, 500);

    };

  }



  // Draw the pie chart and bar chart when Charts is loaded.





  function drawChart() {



    var data = new google.visualization.DataTable();

    data.addColumn('string', 'number');

    data.addColumn('number', 'Number of users');

    data.addRows([

      ['Admin', {{ count_4 }}],

      ['Farmers', {{ count_1 }}],

      ['Wholesalers', {{ count_2 }}],

      ['Retailers', {{ count_3 }}]

    ]);



    var piechart_options = {title:'Pie Chart: Showing number of users of the Marketing survey Assistant Web  Service',

                   width:400,

                   height:300};

    var piechart = new google.visualization.PieChart(document.getElementById('piechart_div'));

    piechart.draw(data, piechart_options);

  }

</script>