Amchart реализован из данных mysql

Question

Как я могу реализовать данные mysql в amchart?

amchart является JavaScript, код выглядит следующим образом:

var chartData = [{ country: "USA", visits: 4252 }, 
        { country: "China", visits: 1882 }, 
        { country: "Japan", visits: 1809 }, 
        { country: "Germany", visits: 1322 }, 
        { country: "UK", visits: 1122 }, 
        { country: "France", visits: 1114 }, 
        { country: "India", visits: 984 }, 
        { country: "Spain", visits: 711 }, 
        { country: "Netherlands", visits: 665 }, 
        { country: "Russia", visits: 580 }, 
        { country: "South Korea", visits: 443 }, 
        { country: "Canada", visits: 441 }, 
        { country: "Brazil", visits: 395 }, 
        { country: "Italy", visits: 386 }, 
        { country: "Australia", visits: 384 }, 
        { country: "Taiwan", visits: 338 }, 
        { country: "Poland", visits: 328}]; 

я хотел бы вставить данные в chartData для того, чтобы успешно отобразить диаграмму.

Answer 1

Вы можете запросить базу данных и манипулировать php-массивом на стороне сервера. затем используйте следующий метод для преобразования php-массива в json-массив на стороне сервера.

json_encode(your php array); 

Затем передайте это стороне клиента (браузер). Если вы не знаете, как обрабатывать данные mysql в php-массиве, спросите пожалуйста.

Answer 2

От контроллера вы можете просто вернуть MySQL данных в массиве как data_array = Ваших данных тузды, который возвращает из запроса и отправить этот массив с JSON и использовать это для вашего яваскрипта функции от того, где вы просили amcharts

и в вашей функции javascript используйте код ниже -

function create_chart(data_array){ 

$.each(data_array, function(key, value) { 
    dataSet = { 
    country: value1, 
    visits: value2 
    }; 
    chartData.push(dataSet); 
}); 

chart = new AmCharts.AmPieChart(); 
chart.dataProvider = chartData; 
chart.titleField = "country"; 
chart.valueField = "visits"; 
chart.write("chartdiv"); 
}