php + ajax + mysql + echarts实现动态图表绘制
1.实现步骤:
- 用 php 从数据库里读取数据( PDO )
- 利用 ajax 请求 php 所得到的数据
- 把 ajax 请求到的数据传给 echarts
2.项目结构图:
3.html代码:
- dataIndex.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style type="text/css"> .dataSheet4{ width:400px; height:600px; } </style> </head> <body> <div class="dataSheet4" id="data"></div> <!--引入echarts图表框架--> <script src="incubator-echarts-4.2.1/dist/echarts.js">