Untitled

<!DOCTYPE HTML>
<html>
<head>
<script src="assets/js/jquery-2.2.3.min.js"></script>
<script src="assets/js/canvasjs.min.js"></script>
<script type="text/javascript">

window.onload = function () {
        var users = '<?php echo json_encode($users); ?>';
//      users = $.parseJSON(users);
        users = JSON.parse(users);
console.log(users);
        var chart = new CanvasJS.Chart("chartContainer", {
                title:{
                        text: "Who's killing the Long Distance Bill? Top 20"
                },
                axisX: {
                        title: "WT Users",
                },
                axisY: {
                        title: "Dollars"
                },
                data: [
                {
                        // Change type to "doughnut", "line", "splineArea", etc.
                        type: "column",
                        //dataPoints:[]
                        dataPoints : [
                                        { label: "104751", y: "63.6404"},
                                        { label: "133263", y: "57.0851"}
                                     ]

                }
                ]
        });
//      chart.options.data=users;
        chart.render();
}
</script>
</head>

<body>
    <div id="chartContainer" style="height: 300px; width: 100%;">
    </div>
</body>
</html>