Datazen是被微软收购的移动端全平台的数据展示解决方案。此篇主要介绍如何建立和发布图表。浏览器
如前面介绍,Datazen图表的建立和发布是经过Publisher的应用,它是Windows 8应用商店下的一个免费应用。也就是说,想要建立和发布图表,你须要有一台Win8的电脑,或者一个Surface。服务器
点击Win8开始屏幕,点击应用商店搜索Datazen。布局
有两个搜索结果是Datazen的,忽视而且鄙视另外那个。下面那个Publisher就是此篇提到的建立和发布图表用的应用,第一个结果是查看图表用的。设计
安装Publisher。3d
安装完毕后,进入应用,应用会提示输入服务器信息。默认系统会链接Datazen的官方示例,你们能够直接点进去体验一下。这里我直接部署在Azure上的Datazen服务器。blog
Publisher是为标准触控界面设计的,固然鼠标也能够。右键单击屏幕,能够看到下面的功能按钮。部署
点击Create按钮,进入到建立新图表界面。选择左边新建立一个图表。配置
能够看到设计界面是基于网格设计的,在桌面下被划分红10乘5的网格,从左侧拖拽过来的图表能够根据这些网格任意安排布局和大小。搜索
左侧是系统支持的图表类型供咱们选择,顶端能够切换到数据视图以及对图表进行预览。下载
从左侧能够将Chart拖拽到图表上。
拖拽其边框能够定义其大小。
点击Data View切换到数据视图,能够看到先前配置的数据视图,左侧能够看到已经定义的Chart,右侧为这些Chart配置针对这个数据视图相应的信息,主要是Chart里的某些特性属性映射到数据视图上的哪一列。
设计完桌面视图,点击屏幕右上方的平台切换按钮,能够切换到Tablet和手机视图,点击手机视图。
能够看到针对手机界面的设计器。左侧是刚刚在桌面端定义的Chart,右侧是设计界面,跟桌面版不一样,手机版是4乘6的网格,因为空间小了,因此能够选择性的针对手机视图进行定义。
虽然比较紧凑(有1520和Iphone 5 plus以及Note *的能够无视),但跟桌面视图保持了一致。
点击预览按钮,能够看到桌面版的预览效果。
以及手机端的预览效果。
回到设计视图,右键点击屏幕,点击Publish to Server将图表发布到服务器。
填写图表信息,第一次建立须要给图表建立一个分组。
发布成功后,打开应用商店里的另一个应用Viewer,配置一样的链接信息,就能够看到已经发布上来的图表。
接下来看一下各平台的预览效果。
第一张全家福,动用了手头上的全部设备,残就残在于手头上的 Android设备都是国行的,因此没法下载对应的应用,而Android的应用包在网上如今还下载不到。
不过,能够在Android中用浏览器查看HTML5的版本,以下图,能够看到连psv都支持,这就是HTML5的魅力。