【问题标题】:How to implement mysql database connection in Chart.jsChart.js中如何实现mysql数据库连接
【发布时间】:2018-01-22 04:51:22
【问题描述】:

没有关于从数据库获取数据的连接的 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 年或更长时间,并且百分比将在左侧。

【问题讨论】:

标签: mysql chart.js


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2015-04-23
    • 2015-12-25
    • 2014-03-04
    • 2020-11-20
    • 2018-09-22
    • 2021-10-06
    相关资源
    最近更新 更多