先上两张图,分别是360浏览器和手机uc浏览器的浏览数据库报表的画面,
整个报表的原理就是把WinCC电脑,当作一个服务器,通过IIS将设计的网页发布到局域网内。
数据的读取通过ASP文件来获取数据库的数据
处理上再HTML页面上通过JS脚本来进行数据的处理和显示,
表格通过纯原生js代码实现
图表部分使用的是百度的Echarts图表框架。
目前可以实现的功能是通过时间段为条件,查询数据库的数据,返回一个JSON字符串,然后再JS脚本中将这个字符串转为数组,赋值给表格和图表曲线。
曲线可以实现通过图例选择是否显示某一条,并在画面上有浮窗可以显示当前时间点的数据。
可以实现表格打印和全部打印的功能。
目前只是实现功能,部分BUG尚未处理……
希望大家提出宝贵的改进意见