Boxplot Chart
A Box-plot chart is a visual representation displaying a given statistical data set based on a five-number summary: the minimum, the first quartile (25th percent), the median (second quartile), the third quartile (75th percent), and the maximum. Such charts are extremely useful for comparing distributions of values across categories. The Box-plot is also referred to as box plot, box-and-whisker plot, box-and-whisker diagram.These charts contain boxes and whiskers (vertical or horizontal lines that extend from the minimum to Quartile 1 and from Quartile 3 to the maximum).
You can find a more in depth explanation about the boxplot on this page:
| Property name | Data Type | Type | Description |
|---|---|---|---|
Data source | List | Data Model | Data list source for the widget. |
X Axis Category | Text | Expression | Categories displayed on x axis. |
Y Axis Value | Number | Expression | Values displayed on y axis. |
Custom Scale | Boolean | Expression | Change scale to a custom scale with custom properties. |
Opposite Scale | Boolean | Expression | Changes position of y axis values to the opposite position. |
Max Scale Value | Number | Expression | Maximum value for the scale. |
Min Scale Value | Number | Expression | Minimum value for the scale. |
Tick Amount | Number | Expression | Number of visual ticks for the scale. |
Show tooltip | Boolean | Expression | Show tooltip. Use true or false. |
Show x-axis tooltip | Boolean | Expression | Show x-axis tooltip. |
Show y-axis tooltip | Boolean | Expression | Show y-axis tooltip. |
Label decimals | Number | Expression | Set number of decimals displayed for y-axis values. |
Theme | Text | Drop Down | Change the text and background colours of the chart. |
Upper colour | Text | Expression | Upper colour for the boxplot chart. Hex or rgb/rgba colour. |
Lower color | Text | Expression | Lower colour for the boxplot chart. Hex or rgb/rgba color. |
Background color | Text | Expression | Change the background color of the chart. It's important to set the opacity with the color to show the gridlines. Examples: "#FFFFFF60" or "rgba(255, 255, 255, 0.6)". |
Display vertical grid lines | Boolean | Expression | Display vertical grid lines. |
Display horizontal grid lines | Boolean | Expression | Display horizontal grid lines. |
Last updated
