「DataV数据可视化」是使用可视化大屏的方式来分析并展示庞杂数据的产品，阿里出品。

DataV旨让更多的人看到数据可视化的魅力，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，满足您会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

本非专业工程师（非程序员、非UI/UE），亲自体验了如何用DataV实现一些建筑领域的数据可视化需求。

本文将分三部分讲述在成为可视化专（cai）家（ji）路上与DataV的爱恨情仇。

与DataV的纠葛历史

自2017年7月至2019年底，与DataV已纠缠了将近3年之久。

从最初控件位置对准几乎凭感觉、到增加界面级参考线、到组件级参考线；

从一个账号管所有大屏，到通过工作空间实现大屏迭代式的权限管控；

从静态txt数据、到第一次使用导入csv、到使用过滤器简单修改已有接口数据、到使用回调ID实现交互、到使用节点编程实现更为高级的交互，见证了DataV的不断升级也收获了一次次惊喜与成就感。

从仅有通用20块屏的配置的企业级账号到每年都购买扩展屏到如今共计拥有50块屏的专业级账号，体验DataV现在如一个程序般的灵活易用。

当然公司对可视化平台的选型也经历了由DataV到grafana、到自主开发、到再次回归DataV的几个大阶段。

使用DataV的一些经验、流程分享

1、新建可视化项目，可直接在DataV中选择自己比较中意的主题样式；或者复制自己已经制作出来的屏。分享几个超好看的DataV模板库。

2、在大脑（或者画草稿啦）中结合具体需求，勾画页面的排版、布局；一般左中右、左上下右、上下右。结合我的经验，在具体需求为确定前，一般需要在第一稿的基础上调整。

3、选择合适的组件（折线图、柱状图、饼图、列表、翻拍器等），以上是我最常用的，具体都可以在帮助文档里看。

4、配置组件的外观样式，基本能看到的元素都可以调，具体可以在帮助文档里看；坑最多的是横轴为时间时，要注意配置时选定为与接口反馈格式一致。

5、为组件配置数据（静态、动态、数据库……），结合实际情况，没有数据库的就直接静态。

6、如果选择动态，已有可用接口，可直接通过过滤器调整数据格式，避免开发写两次代码。

7、交互，首推节点编程，超厉害哦；其次，回调ID（要注意一个界面内的参数不可重复）。

详细可参考

1、每次购买扩屏包都找不到链接（听说就在云市场，然而我真的不善用搜索诶），以至于每次都要去服务群嘶吼。不过，现在好了，可以直接在续费处看到，感恩你们~~

2、为各工作空间赋权限时，用子账号登录和主账号登录搜到的子账号列表竟然不同（已经删掉的账号还能被子账号看到，新增的子账号要先登录一下DataV才能被子账号看到，哭死）。

3、马良真的超厉害，但是试过发现并不是所有组件都能识别出来，相信你们会越来越厉害越来越智能的，哈哈。

4、我们搞基础设施的，很多客户最爱用的还是360之类的浏览器，但是每次都要让他们先下chrome，还要解释一遍chrome多好用，还是很多组件开发的内核，嘴皮子要磨破了。