新能源车辆数据可视化:编写一个web程序,基于echarts将第三题生成的Mysql表数据进行可视化展示。

目录

第四题:新能源车辆数据可视化

要求:        以柱状图的方式链接MySQL数据展示重复数据的车辆信息:(表必须包含字段:数据生成日期、车架号、重复次数。比如2023-01-01这一天,vin0001有两条重复数据,则mysql表中的记录则为2023-01-01、vin0001、2)        以折线图的方式链接MySQL数据展示前一天上传的车辆数据总条数信息:(表字段必须包含:数据生成日期、非当天的数据总条数)        以饼图的方式链接MySQL数据展示前一天上传的车辆数据中非当天的数据总条数信息:(表字段必须包含:数据生成日期、非当天的数据总条数)

        界面美观、清晰

实现思路:py文件中的代码实现:通过pymysql.connect链接数据库,cursor() #游标(指针)cursor的方式操作数据写入MySQL语句execute(query, args):执行单条sql语句。fetchall() #使结果全部可看定义空的列表与数组存入数据使用for循环拿出数据存入定义的空列表中我们还需要将json格式转成str,因为如果直接将dict类型的数据写入json会发生报错,因此将数据写入时需要用到该函数。最后是:if __name__ == "__main__"整个项目的运行然后是HTML中的实现:先导入echarts.js与jquery.js准备一个盒子div来装入图形基于准备好的dom,初始化echarts实例建立axjx所需的json数据  发送ajax请求设计画图渲染json数据加入一些配置项,将数据导入即可

实现过程:一        首先是建立MySQL数据库

 建表的MySQL语句如下:

 py文件代码:

效果演示:

二、折线图经典的MySQL表

附上py文件代码与HTML代码:

 效果演示:

三、饼图MySQL表

 py文件代码与HTML代码:

效果演示:

总结:        了解链接MySQL的数据代码,认识HTML网页的基础与要制作的图形即可即可轻松完成


第四题:新能源车辆数据可视化


编写一个web程序,基于echarts将第三题生成的Mysql表数据进行可视化展示。要求:

1、以柱状图的方式展示repeat表数据;

2、以折线图方式展示total_num表数据;

3、以饼图展示other_date_num表数据;

4、界面要美观、清晰。

要求:
        以柱状图的方式链接MySQL数据展示重复数据的车辆信息:
(表必须包含字段:数据生成日期、车架号、重复次数。比如2023-01-01这一天,vin0001有两条重复数据,则mysql表中的记录则为2023-01-01、vin0001、2)
        以折线图的方式链接MySQL数据展示前一天上传的车辆数据总条数信息:
(表字段必须包含:数据生成日期、非当天的数据总条数)
        以饼图的方式链接MySQL数据展示前一天上传的车辆数据中非当天的数据总条数信息:
(表字段必须包含:数据生成日期、非当天的数据总条数)

        界面美观、清晰

实现思路:
py文件中的代码实现:
通过pymysql.connect链接数据库,cursor() #游标(指针)cursor的方式操作数据
写入MySQL语句execute(query, args):执行单条sql语句。fetchall() #使结果全部可看
定义空的列表与数组存入数据使用for循环拿出数据存入定义的空列表中
我们还需要将json格式转成str,因为如果直接将dict类型的数据写入json会发生报错,因此将数据写入时需要用到该函数。
最后是:if __name__ == "__main__"整个项目的运行
然后是HTML中的实现:
先导入echarts.js与jquery.js
准备一个盒子div来装入图形
基于准备好的dom,初始化echarts实例
建立axjx所需的json数据  
发送ajax请求

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值