Wijmo实现动态Dashboard

本文我们主要展示动态配置仪表盘,来动态的分析数据,以及自定义界面的显示风格,首先选择图块类型,然后单击按钮将新图块添加到仪表板。使用鼠标将图块拖动到新的位置,或单击每个图块右上角的关闭按钮,以从仪表板中移除图块。

发布于 2017/10/31 00:00

WijmoJS

概述

本文我们主要展示动态配置仪表盘,来动态的分析数据,以及自定义界面的显示风格,

首先选择图块类型,然后单击按钮将新图块添加到仪表板。
使用鼠标将图块拖动到新的位置,或单击每个图块右上角的关闭按钮,以从仪表板中移除图块。

image

image

这样的用户可以在在分析数据的时候动态新增或者移除仪表盘

这样的案例一般可使用到我们的监测系统的首页,来显示各个监测数据。

这里我们结合Wijmo的FlexGrid ,Gauge,Char组件开发完成,希望这个示例给大家带来新的开发思维。

葡萄城技术博客

旭日图(Sunburst Chart)是一种现代饼图,它超越传统的饼图和环图,能表达清晰的层级和归属关系,以父子层次结构来显示数据构成情况。旭日图中,离远点越近表示级别越高,相邻两层中,是内层包含外层的关系。

葡萄城技术博客

更多信息请参照:

Wijmo产品网站:/developer/wijmojscore

Wijmo中文文档:/developer/wijmojscore

Wijmo中文学习教程:http://demo.grapecity.com.cn/wijmo5/learningwijmo/

 

WijmoJS | 下载试用

WijmoJS 是一款基于 HTML5 的前端开发工具包,由 80 多种灵活、高效、跨平台、零依赖的 JavaScript UI 组件构成,如表格(Grid)、图表(Chart)、数据分析(Olap)、导航(Navigation)和金融图表等,完美兼容原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可助力企业以最快的速度开发并构建出一套成熟的 Web 应用程序。

为顺利推进您的产品选型,推荐如下方式,加速产品评估进度:

相关产品
推荐相关案例
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态