<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Graficos</title>
</head>
<body>
<h1>Grafico de ventas de la semana</h1>
<h4>Gráfico de líneas</h4>
<canvas id="myChart2"></canvas>
<br>
<?php
$xsabado=65;
$xdomingo=12;

?>
<script src="chart.js"></script>
<script>

var ctx2 = document.getElementById('myChart2').getContext('2d');
var chart = new Chart(ctx2, {
    type: 'doughnut',
    data: 	
	{
				datasets: [{
					 data: [60,18,10, 8, 4,<?php echo $xsabado; ?>,<?php echo $xdomingo; ?>],
					backgroundColor: ['#42a5f5', 'red', 'green','blue','violet','pink','black'],
					label: 'Comparacion de navegadores'
				}],
				labels: [
					'Lunes',
					'Martes',
					'Miercoles',
					'Jueves',
					'Viernes',
					'Sabado',
					'Domingo'
				]},
    options: {}
});

</script>
</body>
</html>    