DataV数据可视化俗称阿里大屏,大屏主要的用途是显示相关的信息,本篇文章将介绍并且教大家如何去制作一个简单的DataV可视化大屏服务
效果展示
访问地址:
http://datav.aliyun.com/share/fe822c043eed9acd36c82b5bd4a14297
搭建大屏
- 购买阿里云
DataV
服务,官网:传送门
阿里云的
云翼计划
对学生优惠还是很多的,服务器一月低至9.9月,DataV也很优惠,一年51,现在不到10元就能享受一年的服务,还是很超值的…
-
当你购买完服务后,就可以使用了,对于阿里大屏,是由展示[数据层]+[展示层]构成,这必定就涉及到数据库的读取,或者说某些资源的监控数据,然后就是涉及到数据的应用,好比USB接口和U盘去对接
-
当我们进入后台控制界面后,有
我的可视化
,我的数据
,优秀案例
等选项,我们首先对打开我的数据进行配置,界面很简单,主要是涉及到数据库的连接
新建可视化
,控件主要是通过双击的信息予以显示,然后我们可以通过控制右侧的信息予以操作
- ★★ 数据的显示 ★★
其实通过提示,我们就知道了,我们的控件的参数就为这几个,但是,我们一定要把查出的数据进行数据的重命名,这样,我们的大屏才可以数据通过
其实对于大屏,有很多关于设计的美学和控件摆放的建议,这些都可以在阿里云的教程中或者帮助文档中查看到
附:我的大屏相关数据库查询语句
// 柱状图
SELECT cid as x , views as y FROM typecho_contents WHERE type='post' ORDER BY views desc LIMIT 15
// 访客数
select sum(views) as value from typecho_contents
// 评论数
SELECT count(*) as value from typecho_comments
// 文章Top20
SELECT cid as `标识符`,views as `流量(pv)`,LEFT(title,20) as `文章标题` FROM typecho_contents WHERE type='post' ORDER BY views desc LIMIT 20
// 评论最新回复
SELECT author as `昵称`,ip as `ip`,LEFT(text,20) as `最新评论` FROM typecho_comments ORDER BY parent desc