Proficloud Dashboard低代码物联网可视化框架,让数据发挥更大价值

一:简介  

 随着互联网、人工智能、云计算、大数据为代表的新一代信息技术飞速发展,工业物联网已渗透到智能制造的方方面面,是现代工业发展的必然趋势。菲尼克斯电气以在边缘侧的积累和沉淀构建物联网产业布局,依托安全、稳定、可靠的云原生工业物联网Proficloud云平台底座,支持全场景数据接入和智能分析,打造面向各行业的垂直解决方案。

Proficloud提供了从工业现场实时的数据采集、安全的数据传输和存储、数据的建模分析到行业深度应用的一体化解决方案,并在SaaS层形成了基础分析服务、通用业务服务以及行业定制服务的多种成熟方案,主要包括:TSD/Dashboard时间序列数据服务、防雷寿命监测服务、能源管理、设备管理、振动预测服务等。

本期我们将一起探究,基于菲尼克斯Proficloud平台的TSD/Dashboard时间序列数据服务,能为用户带来什么?

TSD/Dashboard是Proficloud提供的一个重要的开箱即用的可视化工具服务,基于开放的插件架构可以不断迭代平台插件,其本身是SaaS应用部署支持多租户模式,同时它还集成来自底层的不同数据源。TSD/Dashboard与Proficloud平台智能服务无缝集成,并且内置在这些服务的数据源中,用户可以轻松快速的访问。通过数据源查询数据后,TSD/Dashboard将数据分发给不同的显示插件,以标准的方式显示数据,便于用户监控分析指标以及对日志进行跟踪,目前支持超过50种不同的显示插件。

二:丰富多样的Panel

TSD/Dashboard服务提供了丰富多样的Panel。除此之外,还支持独特的工业领域插件,以支持多种行业的应用程序开发和报表生成。

三:实时监控

TSD/Dashboard作为Proficloud采集、传输、存储、展现环节中重要一环,承载着数据的实时可视、可控、可追溯。得益于菲尼克斯全新一代开放式控制平台PLCnext,其优秀的现场数据快速处理能力以及对时延敏感需求的本地算法,使得云端实时监控成为可能,结合TSD/Dashboard提供的各类Panel的不同组合可以满足用户在不同应用场景的数据分析、监控以及历史过程溯源。

 

四:低代码应用框架

用户通过拖拽各类插件可以快速构建可视化面板和应用解决方案,无需额外编码,每个插件的所有设置皆可配置。

 五:数据统计分析

TSD/Dashboard服务中各类插件已经提供了丰富的聚合函数,同时也可以自定义算法来计算各类数据指标;此外可提供常用的数据分析功能,如排序、比较、钻取等。

六:报警功能

紧急事件报警作为TSD/Dashboard服务关键的功能之一,可以通过设定多种关联条件阈值和检测频率来帮助客户实时检查设备的各类关键参数,当满足设置的告警条件时,用户可以随时随地的通过Email、Webhook、Line、Slack、钉钉等多种通知方式接收到现场紧急事件。

七:多终端自适应

TSD/Dashboard服务支持各种分辨率的终端显示,用户随时随地查看数据。

 

八:Proficloud 工业互联,共赢未来

基于菲尼克斯Proficloud工业物联网平台的TSD/Dashboard服务,适用于用户的监控分析场景,帮助企业提升底层设备数据的可视化能力,实现设备的安全可控和健康运行。

Proficloud工业物联网平台聚焦在万物互联可视,设备智能服务、能源环境监控、生产智能制造等应用场景方向,携手各产业伙伴打造面向垂直行业的解决方案,帮助客户打通数据驱动的经营能力,助力客户向产品即服务、制造即服务、设备即服务等模式变革迈进!

链接:

Proficloud Dashboard低代码物联网可视化框架,让数据发挥更大价值

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
纯CSS可视化数据大屏代码是指使用纯CSS编写的代码来实现数据大屏的可视化效果。下面是一个示例代码: HTML部分: ```html <div class="dashboard"> <div class="chart"> <div class="bar green" style="--value: 80%"></div> <div class="bar blue" style="--value: 60%"></div> <div class="bar red" style="--value: 40%"></div> </div> <div class="stats"> <div class="stat"> <span class="label">进度</span> <span class="value">80%</span> </div> <div class="stat"> <span class="label">完成</span> <span class="value">60%</span> </div> <div class="stat"> <span class="label">剩余</span> <span class="value">40%</span> </div> </div> </div> ``` CSS部分: ```css .dashboard { display: flex; justify-content: space-between; align-items: flex-start; height: 200px; } .chart { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; } .bar { height: var(--value); width: 30px; margin: 5px; border-radius: 5px; } .green { background-color: #00FF00; } .blue { background-color: #0000FF; } .red { background-color: #FF0000; } .stats { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .stat { margin-bottom: 10px; } .label { font-weight: bold; } .value { font-size: 20px; } ``` 这段代码实现了一个简单的数据大屏效果。使用了flex布局来实现图表和统计数据的布局,通过控制bar的高度来展示进度条的比例。+.dashboard > .stats>.stat > .label是选择器的嵌套关系,表示选择.dashboard下.stats下.stat下.label的元素。而.Bar.green等class选择器用于选择特定的元素,并为其设置样式。 以上代码及样式仅是示例,实际制作数据大屏时需要根据具体需求进行编写和样式调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Proficloud&Greenpro

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值