Se puede pasar el array de php a un array de javascript y pasar el array de javascript a la grafica
Código PHP:
Ver original<?php
$mysqli = new mysqli("localhost","root","","kosys");
//Esta es la query
$sql = $mysqli->query("SELECT rubros.nombre as nombre, sum(productos.ventas) AS venta_rubro FROM productos INNER JOIN rubros ON productos.rubro = rubros.id GROUP BY productos.rubro");
$datos=array();//Nueva Linea while($row = $sql->fetch_array(MYSQLI_NUM))
{
$nombre = $row[0];
$venta = $row[1];
$datos[]=array($nombre,$venta);//Nueva Linea }
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-ui-1.8.20\jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function () {
var datos=$.parseJSON(
<?php echo json_encode($datos); ?>);
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Venta por Rubros'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
format: '<b>{point.name}</b>: {point.percentage:.1f} %'
}
}
},
series: [{
type: 'pie',
name: 'Venta por Rubros',
data: datos,
}]
});
});
</script>
</head>
<body>
<script src="Highcharts\Highcharts-3.0.10\js\highcharts.js"></script>
<script src="Highcharts\Highcharts-3.0.10\js\modules\exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>
json_encode no necesita de librerias, ya viene con php.
Lo que genera json_encode es un string que representa un array de php, en javascript se toma ese string y se convierte de nuevo a un array con la funcion parseJSON(que es una función de jquery) y ese array se le pasa a la grafica.