# 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).

{% hint style="info" %}
You can find a more in depth explanation about the boxplot on [this ](https://apexcharts.com/docs/chart-types/boxplot/)page:

&#x20;<https://apexcharts.com/docs/chart-types/boxplot/>
{% endhint %}

![](https://1449034948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_NpOsk0sjotPXNy29Q%2Fuploads%2F4JHXz8Og8264gTMIN6Gq%2Fimage.png?alt=media\&token=811c2845-39ce-41de-9062-bd9a85f3acc0)

<table><thead><tr><th width="150">Property name</th><th width="163.11563606419762">Data Type</th><th width="152.1123595505618">Type</th><th width="271.2189747164998">Description</th></tr></thead><tbody><tr><td>Data source</td><td>List</td><td>Data Model</td><td>Data list source for the<br>widget.</td></tr><tr><td>X Axis Category</td><td>Text</td><td>Expression</td><td>Categories displayed on x<br>axis. </td></tr><tr><td>Y Axis Value</td><td>Number</td><td>Expression</td><td>Values displayed on y<br>axis.</td></tr><tr><td>Custom Scale</td><td>Boolean</td><td>Expression</td><td>Change scale to a custom<br>scale with custom<br>properties.</td></tr><tr><td>Opposite Scale</td><td>Boolean</td><td>Expression</td><td>Changes position of y axis<br>values to the opposite<br>position.</td></tr><tr><td>Max Scale Value</td><td>Number</td><td>Expression</td><td>Maximum value for the<br>scale.</td></tr><tr><td>Min Scale Value</td><td>Number</td><td>Expression</td><td>Minimum value for the<br>scale.</td></tr><tr><td>Tick Amount</td><td>Number</td><td>Expression</td><td>Number of visual ticks for<br>the scale.</td></tr><tr><td>Show tooltip</td><td>Boolean</td><td>Expression</td><td>Show tooltip. Use true or<br>false.</td></tr><tr><td>Show x-axis tooltip</td><td>Boolean</td><td>Expression</td><td>Show x-axis tooltip.</td></tr><tr><td>Show y-axis tooltip</td><td>Boolean</td><td>Expression</td><td>Show y-axis tooltip.</td></tr><tr><td>Label decimals</td><td>Number</td><td>Expression</td><td>Set number of decimals<br>displayed for y-axis values.</td></tr><tr><td>Theme</td><td>Text</td><td>Drop Down</td><td>Change the text and<br>background colours of the<br>chart.</td></tr><tr><td>Upper colour</td><td>Text</td><td>Expression</td><td>Upper colour for the<br>boxplot chart.<br>Hex or rgb/rgba colour.</td></tr><tr><td>Lower color</td><td>Text</td><td>Expression</td><td>Lower colour for the<br>boxplot chart.<br>Hex or rgb/rgba color.</td></tr><tr><td>Background color</td><td>Text</td><td>Expression</td><td>Change the background<br>color of the chart. It's<br>important to set the opacity<br>with the color to show the<br>gridlines.<br>Examples:<br>"#FFFFFF60" or<br>"rgba(255, 255, 255, 0.6)".</td></tr><tr><td>Display vertical grid lines</td><td>Boolean</td><td>Expression</td><td>Display vertical grid lines.</td></tr><tr><td>Display horizontal grid lines</td><td>Boolean</td><td>Expression</td><td>Display horizontal grid<br>lines.</td></tr></tbody></table>