酷屏HTML组件和图表组件详解

1724
1

辰哥 管理员

发表于2019-10-8 15:56

楼主
当你在一个页面上,需要一个饼图,你是否要去写一个饼图?其实大可不必,有了酷屏,可以节省你50%的辛苦编写饼图的力气。当把一个图形编写成为一个组件时,就可以做到哪里需要就拖拽到哪里,同时可以添加自定义样式和事件。很棒吧,目前酷屏已经内置了两大类组件:HTML组件和图表组件。

一.组件介绍
HTML组件里为了适用大部分普通场景,其中包含了容器类,表格类,菜单树类,参数类,统计图类,特殊的动画效果类等组件,如下图所示。
下面,我们具体来了解一下上面的几类组件。
1)   容器类
作用:顾名思义,容器类的组件一般都是作为一个包裹在外层的容器,通常起到一个容器和修饰样式的作用。
作用场景:当我们想要把一个或者多个组件放置在同一个区域,使得该部分组件形成一个整体,同时通过改变整体的位置或者大小或者删除,对所有组件都起到控制作用,也可以对容器的样式进行编写,达到美观修饰的目的。
作用图如下:
2)   表格类
作用:表格类的组件,一般都是拥有特殊功能(如滚动,翻页,切换,变长等)和美丽外观(只有想不到,没有做不到)的表格,同时兼具表格的作用,使数据条理化,系统化。
作用场景:当你需要一个表格来详细的展现数据时,你可以去表格类组件里去寻找合适自己的表格,或功用或美观或二者兼顾。
3)   参数类
作用:参数类的组件可以实现统计图联动,统计图联动。
作用场景:当你想要你的选择项发生变化时,相关联的图表也发生相应的变化;或者希望选择项发生变化时,表格也进行联动;这时你需要一个参数类的组件(下拉框,复选框,切换按钮等)来完成你的想法。

4)   统计图类
作用:统计图类组件,即各类统计图(条形图,柱状图,饼图,地图等),但比常规的统计图更加炫酷多样。
作用场景:在任何需要使用到统计图的场景,如果常规的统计图已经没法满足需求你的要求,这时就可以到该类统计图里物色一下。

二.使用诀窍
看完这些方便又极其好看的组件,是不是想要快速去使用它呢?下面我们就说它是怎么用的,以统计图类为例。
1)第一步:简而言之,言而总之,轻轻一拖,效果立现。
2)   第二步:关联数据,创建分析表,取出展示数据和指标。
1.   根据要展示的数据指标,做一张分析表
2.   根据要展示的指标,拾取表元指标,根据数据格式写表达式,到此关联数据结束。

3)   第三步:预览效果

   有言道,工欲善其事,必先利其器。比喻要做好一件事,准备工作非常重要。所以要想做出一张完美的大屏,那么制作这张大屏的工具也需要相同的优秀。这可能就是亿信酷屏被反复选择的原因。我始终相信,所有相遇都是假期未晚!

1个回答

只看楼主

黑田月岛啊 数据小白Lv1

发表于2020-10-11 08:55

只看该作者

取消 关注该作者的回复

沙发

图表组件呢

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号