特定の検索に応じて、多かれ少なかれチャートが表示されます。1 つのグラフを正常に作成できました。私の php ファイルは、必要な json 形式を適切に反映しています。
今、私が望むのは、配列をループして、php に解析される配列値に基づいて新しいチャートを描画できるようにすることです。これにより、レンダリングされるさまざまな json データが提供されます。
ちなみに、私のjavasriptは非常に限られているので、ここに私のコードと考えがあります:
<script type="text/javascript">
$(function () {
var chart;
var venue = <?php echo json_encode($venue_name); ?>; /* parsed to php file */
var distances = <?php echo json_encode($data); ?>; /* array to be looped over */
$(document).ready(function() {
var options = {
....
series: []
....
};
//
$.each(distances, function() {
$.each(this, function(name, value) {
// do some ajax magic here:...
GET 'myphpfile.php?venue='+venue+'&'+distances
function drawNewChart(){
$('#mainSite').append('<div id="container" style="float:left; display:inline"></div>');
chart = new Highcharts.Chart(options);
});
});
</script>
私が学んだことは、完成したphpとjqueryを含むインクルードphpファイルをループできないことです...