Display a simple single-line percentage divided bar chart.
- The chart can be sorted by
name
,value
, or can be assigned a custom sort orderinteger
. - Assign your own colors for the BarChart.
- Legend orientation:
horizontal
,vertical
- Define a unit type for the chart (€, %, kg, ...) and display this before/after the value.
General
- Assign a data source context.
- Assign
integer
value attribute. - Assign
string
name attribute.
Sorting
- specify desired sorting settings
Colors
- The chart comes with default colors. Here you can overwrite those with a list of your own.
Visual details
- Set some visual aspects to your own needs
- Install NPM package dependencies by using:
npm install
. If you use NPM v7.x.x, which can be checked by executingnpm -v
, execute:npm install --legacy-peer-deps
. - Run
npm start
to watch for code changes. On every change:- the widget will be bundled;
- the bundle will be included in a
dist
folder in the root directory of the project; - the bundle will be included in the
deployment
andwidgets
folder of the Mendix test project.
[specify contribution]