2

現在、jQuery/Ajax でデータを読み込んでグラフを作成しようとしています。私は簡単な機能を持っています:

function loadMorePosts(url){
$.ajax({
  url: url
}).done(function( html ) {
  $("#postDataTable").append(html);
});
}

私が持っている<head>セクションで：

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
google.load("visualization", "1", {packages:["corechart"]});    
</script>

通常、チャートは次のコードで描画されます。

var dataPostChart1 = google.visualization.arrayToDataTable([
['Name:','x1:','x2:','x3:'],
['Count: ',61360,0,1873]
]);

var postOptions1 = {
legend: {'position':'none'},
chartArea: {left:40, width:150, height: 150},
colors: ['#6666ff','#33cc00','#cc00cc'],
vAxis: {'textStyle': {'fontSize': 10}},
hAxis: {'textPosition':'none', 'gridlines':{'count':0}}
};

var postChart1 = new google.visualization.ColumnChart(document.getElementById('graph10151496349581102_1'));
postChart1.draw(dataPostChart1, postOptions1);

Ajax 経由で読み込んだ後、同じデータが表示され、グラフは表示されません。私は何を間違っていますか？

4

0 に答える 0