This is a runtime bar chart widget. It allows you to define multiple datapoints as constant (fixed) values or actual measurement values in realtime from Device or Device Groups. In addition, you can add custom icon respective to each datapoint.
⚠️ This project is no longer under development. Please use cumulocity-barchart-widget-plugin for Application Builder >=2.x.x and Cumulocity >=1016.x.x⚠️
- Download the latest
c8y-barchart-widget-{version}.zip
file from the Releases section. - Make sure you have Application Builder installed.
- Open a dashboard.
- Click
more...
. - Select
Install Widget
and follow the instructions.
- Make sure you have successfully installed the widget.
- Click on
Add widget
. - Choose
Bar chart
widget. Title
is the title of widget. Provide a relevant name. You may choose to hide this. Go toAppearance
tab and chooseHidden
underWidget header style
.Delete datapoint
allows you to delete a datapoint.Label
is the name of the datapoint that will appear on the x-axis.Icon
is for the icon you want to show on the top of the datapoint.Value type
allows to you choose whether datapoint will have aConstant
value or aMeasurement
value from a Device or a Device Group.Value type
isConstant
.Value
allows you provide a fixed value (numerical) for the datapoint.
Value type
isMeasurement
.Select device/ device group
allows you to choose a Device or Device Group.Select fragment series
allows you to choose aFragment
andSeries
combined. It automatically gets populated based on the device or device group selected.
Color
allows you choose a color specific for the bar.Add new datapoint
allows you to define additional datapoints.- Click
Save
to add the widget on the dashboard. - In case you see unexpected results on the widget, refer to browser console to see if there are error logs.
- Clone the repository on local machine using
git clone https://github.com/SoftwareAG/cumulocity-barchart-widget.git
. - Run
npm install
to download the module dependencies. - Install c8ycli
npm install -g @c8y/cli
if not already. - Run
c8ycli server -u https://your_tenant_url
to start the server. - Go to
http://localhost:9000/apps/cockpit/
in the browser to view and test your changes. - (Optional) push the changes back to this repository.
- Finish the development and testing on your local machine.
- Run
gulp
to start the build process. Runnpm install -g gulp
to install gulp if not already. - Use
c8y-barchart-widget-{version}.zip
file in thedist
folder as a distribution.
These 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 cannot guarantee to include every contribution in the master project.
For more information you can Ask a Question in the TECHcommunity Forums.
You can find additional information in the Software AG TECHcommunity.