説明:
パスAJAX要求とmysqlのクエリを使用してJSONのレスポンスデータを取得します。チャート機能への応答データを入力します。
要するに、配列の値を取得してJSONに変換し、mysqlが必要かどうかにかかわらず、それらの値をGoogleのグラフに渡す必要があります。要件に応じてコードを変更します。
クライアント側メインPHP
<script>
drawLineChart('<?php echo strtolower($chartType); ?>');
</script>
クライアント側機能のphp
function drawLineChart(chartType, chartTitle) {
google.charts.setOnLoadCallback(lineChartData);
function lineChartData() {
var lineChartJsonData = $.ajax({
type: 'GET',
url: "<?php echo $server_script_path; ?>",
data: { id1: chartType, id2: "Chart" },
dataType:"json",
async: false,
beforeSend: function() {
},
success: function(data) {
},
}).responseText;
var options;
options = {
title: chartTitle,
width: '390',
height: '300',
vAxis: {title: '<title>'},
};
var data = new google.visualization.arrayToDataTable(($.parseJSON(lineChartJsonData)));
var chart = new google.visualization.LineChart(document.getElementById(chartType));
chart.draw(data, options);
}
}
サーバー側のPHPファイル
if ($_GET['id1'] != "" && $_GET['id2'] == "Chart") {
// Chart type
$chartType = explode('-', $_GET['id1'])[1];
$sql = "<mysql query>";
$result = mysqli_query($conn, $sql);
$table = array();
$rows = array();
$rows[] = array('<column1>', '<column2>');
while($row = mysqli_fetch_array($result)) {
$rows[] = array('<rows>', '<rows>');
}
$table = $rows;
echo json_encode($table);
}
注
必要に応じて、地理座標系を使用してください。
サンプル折れ線グラフ(私の配列データ)
あなたは私が参照できる任意の有用なリンクを持っていますか? –