Xcelsius(水晶仪表)系列5——统计图综合运用

今天继续跟大家分享水晶仪表系列的第5篇——统计图的综合运用。

本例是一个通过展现某银行前八年的存款储蓄以及贷款数据,通过预计后两年的存款储蓄增长率、贷款增长率等四个指标来对后两年的存款储蓄额、贷款额进行模拟预测。

原数据如下:(数据中蓝色为统计图输出数据,其中后两个年份数据通过模拟两者增长率得到)。

绿色部分是预计的两年怎增长率。(同时也是单值输部件的数据源)。

组织好作图数据之后,打开水晶易表软件,导入刚才的数据文件。

数据导入完成之后,就可以在部件菜单中拖入统计图——柱形图。

双击画布中的柱形图,调出属性菜单,在菜单中按照如下方式定义标题、副标题以及数据。

(标题和副标题可以自拟,由于这里有两个数据系列,所以要选择按序列,将名称链接到对应序列名称单元格,值链接到对应的B3:K3单元格区域,将类别标签链接到月份单元格区域)。

同样的方法,在数据——序列中添加新序列,将贷款系列也按照以上方式定义进图表数据中。

完成之后,可以通过属性菜单的外观项目修改图表中的字体、配色以及各种参考线等图表元素。

接下来我们还需要通过创建四个输入型单值部件来控制09、10两年的预测值。(初始值即为数据表中标绿色的四个单元格)。

在部件窗口——单值——水平滑块菜单中插入四个水平滑块儿,标题和菜单以及数据源的设置与我们前几篇介绍的一样。

四个输入型单值部件插入完成之后,可以隐藏excel数据表格(在查看菜单选择只保留画布)。

合理布局各个图表及部件的位置,如果有时间和精力,可以尝试在各个图表及部件属性的外观菜单中修改细节元素,同时在主题以及颜色菜单选项中尝试更改主题及颜色,选择自己中意的效果。

最后预览下效果,无误后,就可以导出swf文件供演示用了。

原文发布于微信公众号 - 数据小魔方(datamofang)

原文发表时间:2016-08-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏葡萄城控件技术团队

前端开发者常用的9个JavaScript图表库

当前,数据可视化已经成为数据科学领域非常重要的一部分。不同网络系统中产生的数据,都需要经过适当的可视化处理,以便更好的呈现给用户读取和分析。 对任何一个组织来说...

46870
来自专栏Guangdong Qi

iOS开发常用之 图表

15810
来自专栏Material Design组件

一些iOS知识

35280
来自专栏BestSDK

表格设计的六种打开方式,正确提升表格的阅读效率

在设计数据类产品、后台配置产品时,PD 常常会指着一块地方说「这儿放个表格,需要有balabala…」,而表格的结构不外乎这几种类型: 垂直布局 水平布局 矩阵...

32350
来自专栏腾讯社交用户体验设计

玩转HTML5移动页面(动效篇)- 腾讯ISUX

58730
来自专栏GIS讲堂

当我们遇到问题的时候改如何解决

问题 在Openlayer3中直接加载PNG图片,在API中提供了ImageStatic可以将图片展示出来,但是如何设置图片的imageExtent让图片能...

18220
来自专栏iOS开发随笔

SCNView

在渲染过程过中,视图模型常常会出现锯齿边缘。这是因为模型是由多边形组成的,当显卡运算频率不够高,或者显存不够大的时候,“多边形”绘制速度比较慢,就会出现锯齿。此...

350130
来自专栏数据小魔方

think-cell chart 系列1——堆积柱形图!

今天正式开始跟大家分享之前介绍过的图表插件——think-cell chart 。 要讲的第一个图表类型是其自带图表库中的第一个图表——堆积柱形图。 在正式开始...

80060
来自专栏IMWeb前端团队

关于移动端百分比宽度的几种实现

由于移动端的设备宽度各不相同,而且因为竖屏宽度都比较小,所以一般都采用满屏的方式布局,而不像PC端的使用固定宽度居中的技术布局。既然要使用满屏,那么各种百分比技...

29990
来自专栏Material Design组件

Human Interface Guidelines — Loading

18340

扫码关注云+社区

领取腾讯云代金券