Logo

dev-resources.site

for different kinds of informations.

Improved Data Point Graph Widget for Cumulocity IoT

Published at
8/9/2023
Categories
cumulocity
iot
graph
widget
Author
techcomm_sag
Categories
4 categories in total
cumulocity
open
iot
open
graph
open
widget
open
Author
12 person written this
techcomm_sag
open
Improved Data Point Graph Widget for Cumulocity IoT

Introduction

A new data points graph plugin is now available as an extended feature, bringing significant improvements to your data visualization experience

Key Improvements in the Data Points Graph Plugin :

  • Real-time data display can be easily switched on or off, depending on your preferences.
  • You have the flexibility to change the aggregation type directly from the graph.
  • A convenient date selector is now available on the graph for better time-based analysis.
  • Parameters being plotted can be effortlessly toggled on or off with a simple click
  • The Y-axis is now color-coded based on the selected parameter, making it more readable.
  • You can now save the graph view as an image for easy sharing and documentation.

… and many more minor usability improvements have been made for a smoother user experience.

image(10)

Installation

To take advantage of this plugin, ensure you have the compatible version of the Cumulocity UI, which includes versions 1016.0.214, 1017.0.146, and 1018.0.45.

Installing the Data Points graph plugin is simple. Just follow these steps:

  1. Navigate to Cumulocity > Administration > Ecosystem > Applications > Packages.
  2. Look for "Cumulocity community plugins" and find the "Data points graph" package.
  3. Click on "Install" to add the plugin to your custom application (cloned cockpit).

Screenshot Cumulocity community plugins Cumulocity - Administration 2023-08-04 13-05-45(1)

Feedback

We value your feedback and suggestions. If you encounter any issues or have ideas for enhancements, don't hesitate to create GitHub issues. We also welcome contributions to improve the plugin even further. You can find the link to the repository below:

GitHub logo SoftwareAG / cumulocity-community-plugins

This is a set of module federation plugins developed and maintained by the community.

Cumulocity community plugins

This package provides a number of plugins that are developed and maintained by the community.

As of now it only consists of two widgets, but further plugins will be added soon.

Data points graph widget plugin

A graph display of a collection of data points. Compatible version of Cumulocity UI app are:

  • ~1016.0.214
  • ~1017.0.146
  • ~1018.0.45

Data points graph screenshot

Example widget plugin

A sample plugin for orientation purposes when developing your own plugin.

Example widget plugin

Contributing

We follow the Angular guidelines for commit messages. A linting rule is ensuring that your commit messages follow these rules. You can also run npm commit for a helper tool to write your commit messages.


This tools are provided as-is and without warranty or support. They do not constitute part of the Software AG product suite. Users are free to use, fork and modify them, subject to the license agreement. While Software AG welcomes contributions, we…

If, for any reason, you can't access the package in your tenant (version 10.16 or above), you can download the latest version from the release section manually (from here) and install it by navigating to Cumulocity > Administration > Ecosystem > Applications > Packages > + Add package in the top right corner.


Contribution

If you are interested in contributing to the Cumulocity Community Plugin plugin and making it even better, there are two ways you can do it:

  • Open a Pull Request (PR): If you have code changes or improvements ready, you can fork the repository, make your changes in your forked repository, and then submit a Pull Request to the main repository. The project maintainers will review your changes and, if approved, merge them into the main codebase.

  • Raise a Feature Request :: If you have an idea for a new feature or enhancement but don’t have the code ready, you can create a feature request in the repository. Describe the feature or improvement you would like to see, and the project maintainers or other contributors might take it up for implementation.

Both of these options allow you to actively participate in the development of the community plugin and contribute to the Cumulocity community. It’s a great way to collaborate with others and have a positive impact on the tool’s functionality and usability.

Read full topic

widget Article's
30 articles in total
Favicon
Forex Ticker Widget: Simplifying Forex Monitoring for Users
Favicon
Passing variables from the static page to the widget
Favicon
How to launch a React Native app from the Lock Screen on iPhone
Favicon
Free Currency HTML-Widgets
Favicon
Integrating Live Forex Quotes into Your Trading Platform Seamlessly
Favicon
Implement a Secure, Dynamic Domain Approval System for Embeddable Widgets in Ruby on Rails
Favicon
The Future of Professional Networking on LinkedIn: How Businesses Can Adapt and Stay Ahead
Favicon
Embed JS Widgets with Rails: A Step-by-Step Guide
Favicon
Create embeddable widgets in react for static pages
Favicon
FloatyNavBar: Elevate Your Flutter App's Navigation
Favicon
Web music player with html-css-javascript
Favicon
Free Currency HTML-Widgets
Favicon
Building an embeddable Widget
Favicon
Video, Live Chat & Help Center widget for the website
Favicon
100 Common Flutter widget list
Favicon
Back to basic : Flutter widget lifecycle
Favicon
FlutterFlow has introduced this fantastic new draggable widget!
Favicon
Bigcommerce Widget Migration
Favicon
Simple Digital Clock Widget
Favicon
Exploring Simple Widgets II: Autocomplete
Favicon
Improved Data Point Graph Widget for Cumulocity IoT
Favicon
Enhancing Cumulocity IoT Capabilities: Map-Based Widgets
Favicon
The Journey of a Widget: Understanding the Lifecycle in Flutter
Favicon
flutter row widget example
Favicon
Flutter Column Widget Example
Favicon
Common Widgets in Flutter
Favicon
Creating an iOS Currency Exchange Rate Widget: A Step-by-Step Guide
Favicon
Flutter Custom Widget
Favicon
How to embed appointment scheduling widget on your website?
Favicon
How to screenshot a widget in the flutter

Featured ones: