Datazen图表创建和公布
Datazen是被微软收购的移动端全平台的数据展现解决方式。此篇主要介绍怎样创建和公布图表。
如前面介绍,Datazen图表的创建和公布是通过Publisher的应用,它是Windows 8应用商店下的一个免费应用。也就是说,想要创建和公布图表。你须要有一台Win8的电脑,或者一个Surface。

点击Win8開始屏幕,点击应用商店搜索Datazen。

有两个搜索结果是Datazen的,忽视而且歧视另外那个。以下那个Publisher就是此篇提到的创建和公布图表用的应用。第一个结果是查看图表用的。

安装Publisher。

安装完成后。进入应用,应用会提示输入server信息。默认系统会连接Datazen的官方演示样例。大家能够直接点进去体验一下。这里我直接部署在Azure上的Datazenserver。

Publisher是为标准触控界面设计的,当然鼠标也能够。右键单击屏幕。能够看到以下的功能button。

点击Createbutton,进入到创建新图表界面。选择左边新创建一个图表。

能够看到设计界面是基于网格设计的,在桌面下被划分成10乘5的网格,从左側拖拽过来的图表能够依据这些网格随意安排布局和大小。
左側是系统支持的图表类型供我们选择。顶端能够切换到数据视图以及对图表进行预览。

从左側能够将Chart拖拽到图表上。

拖拽其边框能够定义其大小。

点击Data View切换到数据视图,能够看到先前配置的数据视图,左側能够看到已经定义的Chart。右側为这些Chart配置针对这个数据视图对应的信息。主要是Chart里的某些特性属性映射到数据视图上的哪一列。

设计完桌面视图,点击屏幕右上方的平台切换button,能够切换到Tablet和手机视图,点击手机视图。

能够看到针对手机界面的设计器。左側是刚刚在桌面端定义的Chart,右側是设计界面。跟桌面版不同。手机版是4乘6的网格,因为空间小了,所以能够选择性的针对手机视图进行定义。

尽管比較紧凑(有1520和Iphone 5 plus以及Note *的能够无视)。但跟桌面视图保持了一致。

点击预览button,能够看到桌面版的预览效果。

以及手机端的预览效果。

回到设计视图,右键点击屏幕。点击Publish to Server将图表公布到server。

填写图表信息。第一次创建须要给图表创建一个分组。

公布成功后,打开应用商店里的另外一个应用Viewer,配置相同的连接信息。就能够看到已经公布上来的图表。

接下来看一下各平台的预览效果。
第一张全家福,动用了手头上的全部设备,残就残在于手头上的 Android设备都是国行的,所以无法下载相应的应用,而Android的应用包在网上如今还下载不到。

只是。能够在Android中用浏览器查看HTML5的版本号,例如以下图。能够看到连psv都支持,这就是HTML5的魅力。


Datazen图表创建和公布的更多相关文章
- Datazen图表创建和发布
Datazen是被微软收购的移动端全平台的数据展现解决方案.此篇主要介绍如何创建和发布图表. 如前面介绍,Datazen图表的创建和发布是通过Publisher的应用,它是Windows 8应用商店下 ...
- [Android]使用Dagger 2依赖注入 - 图表创建的性能(翻译)
以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/5098943.html 使用Dagger 2依赖注入 - 图表创 ...
- ELK之nginx日志分析图表创建
一.kibana面板介绍 Discover:查询数据Visualize:统计图表Dashboard:显示面板,添加相应的图表在面板中Settings:创建索引 二.图表创建 1.饼图创建 以创建一个状 ...
- Visual Studio2013创建、公布监控Windows Azure网站
原文 Visual Studio2013创建.公布监控Windows Azure网站 随着Visual Studio 2013的发布,现在我们可以在Visual Studio内部实现Windows A ...
- C#操作office进行Excel图表创建,保存本地,word获取
,新建C#控制台应用程序(Excel创建图表) using System; using System.Collections.Generic; using System.Linq; using Sys ...
- Excel学习之图表创建
前言:由于工作的需要,现在需要恶补Excel知识,温故而知新,不记录下来自己的学习的点点滴滴怎么能行 Excel版本:2016 一.插入如下图所示的数据源: 1.勾选图表区域范围 2.选中区域范围后直 ...
- Datazen笔记索引
Datazen介绍 http://www.cnblogs.com/aspnetx/p/4557547.html Datazen安装 http://www.cnblogs.com/aspnetx ...
- 在Eclipse中怎样公布创建的JavaWebproject
博客<在Eclipse中怎样创建JavaWebproject>中图文并茂的说明了Eclipse中创建JavaWebproject的方法:博客<怎样为Eclipse开发工具中创建的Ja ...
- C# 创建含多层分类标签的Excel图表
相较于数据,图表更能直观的体现数据的变化趋势.在数据表格中,同一数据值,可能同时代表不同的数据分类,表现在图表中则是一个数据体现在多个数据分类标签下.通常生成的图表一般默认只有一种分类标签,下面的方法 ...
随机推荐
- ucore_lab1
练习1:理解通过make生成执行文件的过程.(要求在报告中写出对下述问题的回答) 实验过程 静态分析代码. 实验的目录结构如下: . ├── boot ├── kern │ ├── debug │ ...
- 命令行 对MYSQL导入sql
1 use database name; //选择使用的数据库 2 mysql>source d:\datafilename.sql 导入sql
- PE文件结构(三) 输入表
PE文件结构(三) 參考 书:<加密与解密> 视频:小甲鱼 解密系列 视频 输入表 输入函数,表示被程序调用可是它的代码不在程序代码中的,而在dll中的函数.对于这些函数.磁盘上的可执行文 ...
- iOS 系统地图实现及定位
1:加入库CoreLocation.framework,MApKit.framework; 2:@property (nonatomic, strong) CLLocationManager *loc ...
- 计算label
func getCGSize(size:CGSize,fontSize:CGFloat,text:String)->CGSize{ let attributes = [NSFontAttribu ...
- Creating a Custom Page Layout in SharePoint 2013
Creating a Custom Page Layout in SharePoint 2013 In my last article, I documented how to create a Ma ...
- JS的数据类型(包含:7种数据类型的介绍、数据类型的转换、数据类型的判断)
前言 最新的 ECMAScript 标准定义了JS的 7 种数据类型,其中包括: 6 种基本类型:Boolean.Null.Undefined.Number.String.Symbol (ECMASc ...
- Visual Studio蛋疼问题解决(1)
监视变量显示未定义标识符: VS2012在编译的时候采用了较快的编译模式,所以有些变量就显示未定义了. 解决方案: 项目->属性->c/c++->优化->改为禁用/OD ...
- php如何实现文件下载
php如何实现文件下载 1. 设置超链接的href属性 <ahref="文件地址"></a> 如果浏览器不能解析该文件,浏览器会自动下载.而如果文件是图片或 ...
- SpringBoot学习笔记(15)----SpringBoot使用Druid
直接访问Druid官网wiki,有详细教程,地址如下: SpringBoot支持Druid地址:https://github.com/alibaba/druid/tree/master/druid-s ...