2017-08-14 53 views
1

沒有關於從數據庫獲取數據的連接的chart.js文檔,這就是爲什麼我仍然好奇如何從外部實現我的條形圖圖表數據。截至目前,我使用codeigniter框架,我不認爲CI有圖表圖形庫。所以在第二個想法中,我將如何正確實施我的框架中的圖。 所以首先我裝離線chart.js之:如何在Chart.js中實現mysql數據庫連接

<script src="<?php echo base_url('assets/js/Chart.min.js')?>"></script> 

下一個我實現與固定數據柱狀圖:

var ctx = document.getElementById('myChart').getContext('2d'); 
var chart = new Chart(ctx, { 
    type: 'bar', 
     data: { 
      labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], 
     datasets: [{ 
      label: "Monthly Percentage of Project Completion", 
     backgroundColor: 'rgb(3, 0, 102)', 
      data: [90, 10, 5, 2, 20, 30, 45, 35, 56, 45, 2, 100], 
       }] 
      }, 
     options: {} 
     }); 

如何讓我的數據庫中的數據在我的條形圖顯示圖形? enter image description here

並且還希望在這種情況下我的數據集將取決於我的年數據2017,2018,2016或更多年後,百分比將位於左側。 enter image description here

+1

也許你需要檢查這個問題: https://stackoverflow.com/questions/30928840/chart-js-getting-data-from-database-using-mysql-and -php – Sulyman

+0

感謝您的鏈接@Sulyman我會嘗試這些和更新,如果我會面臨一些問題。 –

回答

1

主要的想法是從數據庫 改變靜態數據,動態數據,所以當你有一個變量的數據 傳遞給它一個靜態的istead。這取決於你正在使用的語言