2017-08-14 26 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。这取决于你正在使用的语言