这篇博客介绍了如何使用Chart.js库来绘制柱状图。首先，通过下载Chart.js并将其引入HTML页面中的canvas元素。接着，从MySQL数据库获取数据，将数据格式化为Chart.js所需的格式。通过PHP的index.php文件连接数据库并返回JSON数据。然后，在HTML的index.html文件中引入Chart.js和自定义的index.js脚本。最后，index.js中的bar函数负责绘制图表，它从getdatafromDB函数获取数据库数据并在页面加载完成后调用。
下载chart.js，直接放到你的网页里：
https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js
首先你要在页面里有个标签，canvas，这个是画布，你就当作是一个图片，比如在HTML里某处这样插入：
<canvas id="season"></canvas>
从MySql 数据库中获取数据 ，利用chart.js 绘制柱形图。
文件结构：
1.index.php文件。从数据库获取数据。先连接数据库exercisedata，然后从数据库的users表中查询学生名字
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
1万+
