Xcelsius(水晶易表)系列3——深入了解单值部件

今天继续分享有关单值部件的使用技巧!

今天的小案例非常简单,是一组关于产品销售利润的计算。

给定进货成本、国税税金、零售定价、预计销售数量等,最后需要输出的指标是预计利润。

根据昨天的分享案例我们知道,本例中进货成本、国税税金、零售定价、预计销售数量等四个指标是输入变量,最后预计利润将作为输出变量。

打开水晶易表软件,将刚刚组织好的数据文件导入。

导入数据文件之后,Xcelsius会在画布下方呈现excel数据表格。

在单值部件中拖入水平滑块(跟昨天做的一类是一样的),双击画布上的水平滑块单值部件,进入属性菜单。

同昨天的步骤一样,链接标题、数据到对应指标(这里先做进货成本)单元格,同时定位值范围(最大值,最小值)。(这里先不定义警报功能)。

同样的方法制作其他三个输入单值部件(国税税金、零售销售定价、预计销售数量)。

定义完所有四个输入型单值部件之后,开始插入输出部件,这里使用“值”输出部件,就是下图的很类似文本框一样的单值部件,可以作为变量的输出窗口。

在单值部件中选择输出值部件拖入画布,双击值部件进入属性窗口,同样将其标题、指标值链接到预计利润所在单元格,调整其值范围为0~100。

调整完成之后,在查看菜单中选择仅保留画布,隐藏excel数据表窗口,给画布流出足够大的空间,以待我们队各个部件进行布局修改以及排版。

选中全部单值部件,在顶部菜单中对齐工具栏里,选择等大、纵向分布。

你可以调整所有单值滑块的标题以及值显示位置。(属性窗口、外观、文本)。

在部件窗口中插入一个背景,作为整个部件组的背景。

完成之后,点击顶部菜单,使窗口使用画布。

可以通过预览菜单预览一下滑块的交互效果,没有问题就可以直接通过导出菜单导出swf格式的动态视屏保存了发布了。

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏一“技”之长

Bootstrap响应式前端框架笔记十二——巨幕与缩略图

    巨幕用于创建一块区域,此区域可以用来展示网页页头或者需要重点提示的地方,使用jumbotron类来创建巨幕,示例如下:

8320
来自专栏Keegan小钢

App项目实战之路(四):UI篇

上一篇文章[原型篇]发布之后,就开始设计UI了,包括Icon和界面UI,周一到周五晚上一般花两到三到小时,周六日的时候则有五六个小时,最终用了一个星期多才设计完...

21630
来自专栏程序员的SOD蜜

常用前端资源收集

经常看到很多好的前端框架,今天起凡是遇到就整理到这里,此文会不断更新。 1,avalon 组件--作者司徒正美,国产MVVM JS组件 https://segm...

29790
来自专栏Android 开发者

Android P 中的新文本特性

在 “What’s new in Android P Beta” 中我们已经谈到 Android 的两个新文本特性。现在既然 Android P Beta 3 ...

11120
来自专栏较真的前端

React 学习路线图 2018版

这个 React 学习路线的思维导图来源自 Adam Gołąb 的 react-developer-roadmap 。截止至本文发布时,原仓库已经有了中文版,...

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

纯前端表格控件SpreadJS V11.2新版本发布,全面支持React和Vue

SpreadJS 是一款基于 HTML5 的纯 Java 电子表格和网格功能控件,在外观、功能和操作上都与 Excel 高度类似,在表格数据处理上比 Grid ...

22100
来自专栏Fundebug

2018年最值得关注的30个Vue.js开源项目

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

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

MultiRow发现之旅(五)- MultiRow版俄罗斯方块(exe + 源码)

前文回顾 MultiRow发现之旅(一)- 高效模板设计器 MultiRow发现之旅(二)- 详解属性管理器 MultiRow发现之旅(三)- 模板管理器和Ta...

22050
来自专栏十月梦想

字体大小单位vw和reg

vm是相对浏览器宽度,1vm浏览器1%,10vm10%,浏览器窗口大小,字体自适应,开发多用到vm作为字体单位

15050
来自专栏Material Design组件

Human Interface Guidelines — Accessibility

17620

扫码关注云+社区

领取腾讯云代金券