Display a simple single-line barchart based on listview-style data input. The item type is configurable and the amount can be of any (positive) range of numbers starting from 0.
Set listview context within the app and configure chart value (
Integer) and value names (
Configure the colors that will be used for each item in the list. The widget uses an array of 6 default colors.
Both the bar legend and the bar chart segments can be hovered to see some additional information inside a tooltip.
Sorting options: The results can be sorted by name, value or even via custom attribute (
Legend orientation: Set the orientation in which the legend is displayed (
Show/hide percentage indicators (
Display rounded corners (
Display units alongside the numbers (
String). This can be anything like cm, kg, %, EUR, €, $, ...
Display the units before or after the value (
- Install NPM package dependencies by using:
npm install. If you use NPM v7.x.x, which can be checked by executing
npm -v, execute:
npm install --legacy-peer-deps.
npm startto watch for code changes. On every change:
- the widget will be bundled;
- the bundle will be included in a
distfolder in the root directory of the project;
- the bundle will be included in the
widgetsfolder of the Mendix test project.