可视化效果

当然上面的图是不会动的

特意录了段视频，来看看效果： 数据库自动化流程的动态展示效果视图http://www.dboop.com/img/timebar.mp4

制作过程

数据源：

这个可视化效果需要4列 ： - 第一列：时间分类（一般是月份,年份） - 第二列：时间（一般是小时，天） - 第三列：项目分类 - 第四列：具体的值

这里我们用MYSQL数据源中拉取

制作一张报表

我们看一下完整的报表编辑示意图：

报表内容解释

<page>
  <viewtype>timebar</viewtype> <!--定义我们这个图形的类别，在张报表里我们用timebar：动态柱图，还有很多:line,bar,mutibar,map,tree,table,edittable...等可选 -->
  <connstr><!--这里写数据库ID,需要提前申请好访问这个DB的权限--></connstr>
  <sqlstr>
<![CDATA[  
select  DATE_FORMAT(addtime,'%Y年%m月') as ftitle,DATE_FORMAT(addtime,'%Y-%m-%d')  as addtime,applytype,convert(sum(counts),unsigned) as counts 
from processlist where addtime between %s and %s
group by addtime,applytype
order by addtime
]]>
</sqlstr>
  <sqlpara>#1</sqlpara>  <sqlpara>#2</sqlpara>  <!--这时是给SQL传参-->
  <title>数据库自动化流程:</title>  <!--timebar的标题-->
  <maxdisplay>20</maxdisplay> <!--最多显示多少项-->
  <playInterval>100</playInterval> <!--刷新间隔，单位毫秒，默认是50毫秒-->
  <height>800px</height> <!--动态图表的高度，可以不填-->
</page>

<para>
  <name>开始日期</name>
  <type>date</type>
  <defaultvalue>getdate()-1y</defaultvalue> <!--定文了一个日期选择框，默认值是一年前的今天 -->
  </para>
<para>
  <name>结束日期</name>
  <type>date</type>
  <defaultvalue>getdate()</defaultvalue><!--定文了第二个日期选择框，默认值今天 -->
  </para>


<!--加了一段背景音乐 ，增加报表动态跑动时的氛围 -->
<audio>
  <src>/static/download/2.mp3</src> 
<attribute>controls loop  autoplay="autoplay"</attribute>
</audio>

结语

通过一条SQL+XML 我们快速的完成了一张数据可视化的展现

不仅如此 ，我们同时还做到了：

• 针对用户，用户组的权限分配（参加报表编辑下的权限设定）
• 手机端的报表展现 （在企业微信中，已分配权限的用户，可以看到这张报表并打开，效果是一样的，只是这个报表建议手机横屏观看