2017-11-29 2 views
2

Google 차트 용 동적 데이터를 채우기 위해 Javascript와 MySQL을 작성 했으므로 차트가 작동하지 않지만 차트 하나가 당황 스럽습니다. 전혀 보이지 않기 때문에 나는 뭔가를 놓치고있다.Google 열 차트 mysql php가 표시되지 않습니다

오류 코드는 여기에

Uncaught (in promise) ReferenceError: Amazon is not defined at columnCharttotal (Dashboard.php:144) at

는 HTML 코드 자바 스크립트 코드 여기

<script type="text/javascript"> 
    //begin columns chart 
    google.charts.load('current', {'packages': ['corechart']}); 
    google.charts.setOnLoadCallback(columnCharttotal); 
    function columnCharttotal() { 
     var data = google.visualization.arrayToDataTable([ 
      ["marketplace_name", "total_amount", {role: "style"}], 
<?php 
while (($rowResult = mysqli_fetch_array($totalresultchart, MYSQLI_ASSOC)) != NULL) { 
    ?> 
       [ <?php echo $rowResult["marketplace_name"]; ?>, <?php echo $rowResult["total_amount"]; ?>, "blue"] 
    <?php 
} 
mysqli_free_result($totalresultchart); 
?> 
     ]); 

     var view = new google.visualization.DataView(data); 
     view.setColumns([0, 1, 
      {calc: "stringify", 
       sourceColumn: 1, 
       type: "string", 
       role: "annotation"}, 
      2]); 

     var options = { 
      title: "Total of all Europe sold", 
      height: 400, 
      bar: {groupWidth: "95%"}, 
      legend: {position: "none"}, 
     }; 
     var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values")); 
     chart.draw(view, options); 
    } 
    //end of column chart 
</script> 

입니다 표시

<div class="col-sm-4"> 
      <div id="columnchart_values" style="width:100%"></div> 
     <br> 
    </div> 

크롬 개발자 도구 콘솔에 표시 데이터를 표시로서

enter image description here

답변

1

이 줄을보십시오;

[ <?php echo $rowResult["marketplace_name"]; ?>, <?php echo $rowResult["total_amount"]; ?>, "blue"]

그 출력
[ Amazon.co.uk , 1231231, "Blue" ]

때 출력해야 그러므로
[ "Amazon.co.uk" , 1231231, "Blue" ]

; 너무 줄을 변경 :

[ "<?php echo $rowResult["marketplace_name"]; ?>", <?php echo $rowResult["total_amount"]; ?>, "blue"]

+0

아, 난 그냥 그것을 알고, 누락 된 무언가가있다. 팁 감사드립니다. 내가 일하는 것처럼. –

관련 문제