通行證PHP變量chart.js之文件

您好我有這個數組變量在我的PHP文件通行證PHP變量chart.js之文件

$data_chart=[95,65,25,12,458,896,325];

，我不得不創建一個腳本如下

<script> 
    var data = <?php echo json_encode($data_chart); ?>; 

    </script>

我怎麼可以傳遞數據變量到我的圖表data.js文件？（沒有嵌入變量在HTML標記）

來源

2016-11-17 liontass

那麼，因爲你是這樣使用PHP，相關的JavaScript必須在與canvas元素相同的HTML文檔。以下內容從chart.jsdocumentation here改編而來。像這樣的東西可以工作：

<canvas id="myChart" width="400" height="400"></canvas> 
 
<script> 
 
    
 
var ctx = document.getElementById("myChart"); 
 
var myChart = new Chart(ctx, { 
 
    type: 'type', 
 
    data: { 
 
     labels: ["1", "2", "3", "4", "5", "6", "7"], 
 
     datasets: [{ 
 
      label: 'my data', 
 
      data: <?php echo json_encode($data_chart); ?>, 
 
      backgroundColor: [ 
 
       'rgba(255, 99, 132, 0.2)', 
 
       'rgba(54, 162, 235, 0.2)', 
 
       'rgba(255, 206, 86, 0.2)', 
 
       'rgba(75, 192, 192, 0.2)', 
 
       'rgba(153, 102, 255, 0.2)', 
 
       'rgba(255, 159, 64, 0.2)' 
 
      ], 
 
      borderWidth: 1 
 
     }] 
 
    } 
 
}); 
 
</script>

如果你真的不能擁有的JavaScript嵌入到HTML文件，然後你可以在本地存儲PHP數據通過HTML文件存儲，然後閱讀JavaScript文件，但似乎不必要的困難。

來源

2016-11-17 22:05:59 Wold

通行證PHP變量chart.js之文件

回答

相關問題