%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/public_html/dg/application/modules/chart/views/
Upload File :
Create Path :
Current File : /home/ugotscom/public_html/dg/application/modules/chart/views/chart - Copy.php

<!doctype html>
<html>

<head>
	<title>Bar Chart</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
	
	<style>
	canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	</style>
</head>

<body>
	<canvas id="myChart" width="400" height="150"></canvas>
<script>

  $.post("<?php echo base_url();?>chart/getPersonas",

    function(data){
            var obj = JSON.parse(data);

            var data1 = [];
            
        
            $.each(obj, function(i,item){
            data1.push(item.name);
            
        
            });

alert(data1.toString());
var data2=[12, 19, 3, 5, 2, 3];

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: data1,
        datasets: [{
            label: '# of Votes',
            data: data2 ,
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});
});

</script>
</body>

</html>

Zerion Mini Shell 1.0