如何在Chart.js中实现mysql数据库连接

Question

没有关于从数据库获取数据的连接的chart.js文档，这就是为什么我仍然对如何从外部图形数据实现条形图感到好奇。到目前为止我使用的是codeigniter框架，我不认为CI确实有图表库。所以在第二个想法中我将如何在我的框架中正确实现图形。 所以首先我加载了一个离线chart.js：

<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: {}
        });

如何将我的数据库数据显示在条形图中？

并且还希望有这样的场景，我的数据集将依赖于我的年份数据2017,2018,2016或更多年来，百分比将在左侧。

Answer 1

主要思想是将静态数据更改为数据库中的动态数据 所以当你在变量中有数据时 通过它而不是静态的。这取决于您使用的语言