Generar Graficas javascript con datos desde php

[60NZ4]

Buenas, he descargado de internet una libreria para hacer graficos con javascript, la verdad quedan muy bonitos, pero no se como hacer para rellenarlo desde php

aqui pongo el codigo que se utiliza desde el archivo html

Código Javascript:

var chart;
            var legend;
 
            var chartData = [{
                country: "Lithuania",
                value: 260
            }, {
                country: "Ireland",
                value: 201
            }, {
                country: "Germany",
                value: 65
            }, {
                country: "Australia",
                value: 39
            }, {
                country: "UK",
                value: 19
            }, {
                country: "Latvia",
                value: 10
            }];
 
            AmCharts.ready(function () { //amcharts.ready llama a esta funcion cuando todo en la pagina ya esta cargado
                // PIE CHART
                chart = new AmCharts.AmPieChart();
                chart.dataProvider = chartData;
                chart.titleField = "country";
                chart.valueField = "value";
                chart.outlineColor = "#FFFFFF";
                chart.outlineAlpha = 0.8;
                chart.outlineThickness = 2;
                // this makes the chart 3D
                chart.depth3D = 15;
                chart.angle = 30;
 
                // WRITE
                chart.write("chartdiv");
            });
 

Código HTML:

<!-- aqui es donde escribe el grafico -->  <div id="chartdiv" style="width: 100%; height: 400px;"></div>
 

lo que yo querria hacer es rellenar ese array con datos desde php , pero no tengo ni idea de como empezar, imagino que sera utilizando ajax, pero no se como hacerlo.

La estructura del array tampoco lo entiendo mucho como deberia rellenarla desde php

[Dradi7]

pero si te das cuenta lo único que tienes que hacer es que tu php te devuelva un arreglo de tipo JSON sea por ajax o por el método normal

[60NZ4]

buenas gracias por tu respuesta, lo he probado con json , pero el grafico desaparece, no se donde meter la funcion de amcharts.ready , porque si quito esto el grafico no sale, pero obtengo los datos, es decir llevas razon con eso debo cojer los datos y he probado que si que salen, pero ahora no se mostrarlos para que salga el grafico, no se como retocar la funcion

-------
EDITO
-------

Código Javascript:

function manejaJSON() {
        
        var http_request = new XMLHttpRequest();
        var url = "respuestajson.php"; // Esta URL deberia devolver datos JSON
         
        // Descarga los datos JSON del servidor.
        http_request.onreadystatechange = function (){
        
                if (http_request.readyState == 4) {
                    if (http_request.status == 200) {
                    
                      var cadCodificadaJSON = http_request.responseText; 
                      
                      var objDatos = eval("(" + cadCodificadaJSON + ")"); //Creamos el objeto utilizando la cadena codificada
                
                      //Ahora con el objeto desplegamos los datos mandados desde el servidor
                      document.getElementById("divNombre").innerHTML = objDatos.nombre[0];
                      document.getElementById("divVeces").innerHTML = objDatos.veces[0];
                                 var chartData = [{
                                    country: objDatos.nombre[0],
                                    value: objDatos.veces[0]
                                }, {
                                    country: objDatos.nombre[1],
                                    value: objDatos.veces[1]
                                }, {
                                    country: objDatos.nombre[2],
                                    value: objDatos.veces[2]
                                }, {
                                    country: objDatos.nombre[3],
                                    value: objDatos.veces[3]
                                }, {
                                    country: objDatos.nombre[4],
                                    value: objDatos.veces[4]
                                }, {
                                    country: objDatos.nombre[5],
                                    value: objDatos.veces[5]
                                }];
                    return chartData;
             
                    
                    
                    } else {
                      alert("Ocurrio un problema con la URL.");
                    }
                    
                    http_request = null;
                  }
                }
        
        
        http_request.open("GET", url, true);
        http_request.send(null);
        }
            
            manejaJSON();
            var chart;
            var legend;
       
            AmCharts.ready(function () {
                // PIE CHART
                chart = new AmCharts.AmPieChart();
                chart.dataProvider = chartData;
                chart.titleField = "country";
                chart.valueField = "value";
                chart.outlineColor = "#FFFFFF";
                chart.outlineAlpha = 0.8;
                chart.outlineThickness = 2;
                // this makes the chart 3D
                chart.depth3D = 15;
                chart.angle = 30;
 
                // WRITE
                chart.write("chartdiv");
            });
 

este es el nuevo codigo, pero no se como cargar el array chartData en donde corresponde

[Dradi7]

Este es un ejemplo de como hacerlo con PHP y Ajax usando el Framework jQuery

Código Javascript:

$.ajax({
    url: 'consulta.php',
    type: 'post',
    dataType: 'json',
    data: {id: 4},
    success: function(data){
        chart = new AmCharts.AmPieChart();
        chart.dataProvider = data;
        chart.titleField = "country";
        chart.valueField = "value";
        chart.outlineColor = "#FFFFFF";
        chart.outlineAlpha = 0.8;
        chart.outlineThickness = 2;
 
        chart.depth3D = 15;
        chart.angle = 30;
        
        chart.write("chartdiv");
 
    }
});
 

En donde la consulta.php te devuelva un json

[60NZ4]

una ultima cosa que creo que es en lo que estoy fallando,

que estructura deberia de ser

Código Javascript:

chartData = [{
                nombre: "Lithuania",
                valor: 260
            }, {
                nombre: "Ireland",
                valor: 201
            }, {
                nombre: "Germany",
                valor: 65
            }, {
                nombre: "Australia",
                valor: 39
            }, {
                nombre: "UK",
                valor: 19
            }, {
                nombre: "Latvia",
                valor: 10
            }
            ];
 

¿para meterlo como php?

actualmente lo tengo asi :

Código PHP:

$cartData= array(
    "Australia" => 20,
    "Ireland"    => 24,
    "Germany"    => 24
    
    )
);
 

pero claro asi no puede ser porque el de javascript es un array de arrays

no se como ponerlo

[bladicito]

con php mete tus data en un array y conviertelo a JSON format para pasarlo al frontend.

$response['data'] = json_encode($array);

echo $response;

luego la respuesta ajax sera completamente JSON (JavaScript Object Notation).

y puedes hacer lo que deseas

Saludos

[60NZ4]

=) muchas gracias a los dos porfin he conseguido que cargue, ha tardado pero merece la pena



muchas gracias

un saludo