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

标签 mysql chart.js

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

如何让我的数据库数据显示在我的条形图中? enter image description here

并且还希望在这种情况下,我的数据集将依赖于我 2017、2018、2016 年或 future 几年的年度数据,并且百分比将显示在左侧。 enter image description here

最佳答案

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

关于mysql - Chart.js中如何实现mysql数据库连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45672995/

相关文章:

html - Chart.js 图表在 ngIf 中时不显示。

javascript - Chart.js 堆叠和分组的水平条形图

sql - 如何避免子查询?

mysql - 与 mysql 等值连接

mysql - 为什么除非我更改值文本,否则我的表单不会返回匹配结果?

javascript - Chart.js 日期和时间条形图未渲染 - 但线条有效

javascript - 如何在堆叠条形顶部显示 "total"总和标签

javascript - 使用 JSON 更新 Chart.js,无法读取未定义的属性 'length'

php - 仅选择 mysql 中的最新日期

PHP使用数组定义的where语句列名查询表