graphBarA wrapper style of the more general style graph. The style graphBar allows to draw simple bar graphs using either statically uploaded data or dynamic user input data (collected from the style formUserInput).
The bar graph is rendered from a specific form input field or data table column. This is specified by the fields data-source and name where the former indicates the source form or table and the latter the form input field or table column. Each occurrence of a distinct data value is counted and represented as a bar.
To provide labels and colors the field value_types can be used. To further customize the graph the fields layout and config are available. Refer to the Documentation of Plotly.js for more information on the available options.
If more elaborate operations than counting the values are required use the more general style graph to render the bar graph.
Unknown Style styleSignature
This example uses static data that was uploaded to SelfHelp as a CSV file. Note that the ordering of the bars corresponds to the order of the list provided in the field value_types. Note that if a value type is not available in the data set the corresponding bar is not drawn.
Unknown Style graphBar