手机版 欢迎访问魄力云云市场资讯网站

当前位置:主页 > 虚拟主机 >

阿里云_瀚高数据库_安全稳定

时间:2021-07-13 01:54:34|来源:魄力云|编辑:魄力云|点击:

为什么谷歌会在UI5应用程序/仪表板中绘制图表?

我一直在开发一个运行在XSOData上的实时销售仪表盘。因此,我使用VIZ图表、微图表、表格等构建了一个定制的UI5仪表板,并部署在FLP中。我们使用的是1.38UI5库版本,这肯定有其局限性。我个人不喜欢viz基于图表的仪表板,因为它与其他第三方图表库相比没有区别(请在评论框中批评)。

不管怎样,我想尝试一些第三方图表库,可能看起来更好,最后我尝试了Google图表。

下面是一个Google图表在表格行中的测量示例。

设计

像viz图表一样,企业号应用,Google图表也给我们提供了一系列标准的图形,如线、列、条、组合等。因此,我为这些图表中的每一个创建了一组自定义控件,并为它们创建了容器,以便将它们放入仪表板中。我把这些图表都称为卡片,把装卡片的容器称为卡片行。卡片行可以包含多张卡片。一个持卡人控件可以容纳多个卡片行。我做了所有这些,大数据实战,使筑巢。看看它是如何工作的。

卡片:一个基本控件,企业内部软件,它应该扩展到特定的图表控件(例如:卡片扩展到折线图、柱形图等)CardRow:有一个聚合"items",接受卡片或持卡人。持卡人:持卡人有一个工具栏,什么叫云服务,有一个接受CardRows的聚合"行"。

一个持卡人有一行,一行有两张卡。

两行各有一个项目

嵌套的卡和行

下面是如何排列卡(缩放查看)

卡、CardRows和持卡人

的特征呈现时,它会引发一个事件"chartLoaded"。我们需要注册一个事件处理程序,在那里我们可以填充必要的数据。

另外,控件有一个refreshInterval属性。我们可以设置(比如30秒),使"chartLoaded"事件每30秒触发一次—如果您想以相等的间隔重新加载图表,这很有用。我使用此事件显示当前销售,平销返利,因为它每60秒刷新一次磁贴。我们可以为每个图块单独设置刷新间隔。右上角的

设置按钮允许用户全屏显示图表。我们也可以关闭它。

卡片可以点击。如果启用enableClick属性,则可以单击互动程序并处理单击。

卡片行

将任何项目放置在卡片行上时,它是水平排列的(与行中的列类似)。你也可以注册一个"rowUpdateInterval"事件(比如30秒),这样每隔30秒就会触发一个"rowUpdated"事件。我使用这个功能来切换添加到行中的卡片的可见性。

卡片持有者

你可以显示或隐藏标题栏。

下面是我到目前为止创建的控件类型

用例

我有一个要求开发一个实时仪表盘,以图形化的方式显示每日销售KPI和报告(很快将在电视上播放)。它显示实时数据(销售量、收入、开放和关闭的交货、发货、性能等)。我使用googlechart中的多个图表来开发仪表板。如果适用,它会自动刷新数据。(由于明显的原因,我不能在这里发布截图)

下一步是什么?

这些控制目前存在以下问题。一旦他们是固定的,我将上传整个源代码在Git和分享它在这里。如果您有兴趣,请关注本博客。

云主机服务商 Ucloud云计算 移动云数据 云存储服务器 Ucloud云主机 云计算提供商 阿里数据库 服务器租用 云储存服务器 Web云服务器 ucloud云数据库 独享云主机 云服务器服务商 海外云存储 云服务器主机 云计算解决方案 国内云存储 数据库云平台

Copyright © 2002-2020 魄力云 版权所有

备案号:豫ICP备56298345号