Box Plot

Check out the below given walk-through on how to use the Box Plot chart component in Designer module.

The Box Plot chart helps to visualize the dataset in 5 number summaries (Min-Max-Q1-Q3-Median) along with the outliers.

Default Chart Image:

The properties of Box plot chart:

  • Axis Setup: User can enable auto axis and also provide maximum & minimum value to the axis. Also, if user need to see the zero-marker line, horizontal marker line and vertical marker line, then enable it here. Also, they can edit its color.

  • Background: Here user can change the background color of the chart, can enable the border for the chart and can change the border color. Also, user can get the reflection of the chart by enable the shadow option can also change the color and increase & decrease the transparency of the shadow.

  • Formatter: Here, user can change units to % or none. Precision is given ifuser want the value in decimal format. Currency if user want the value in INR, Pound, USD. Position of the currency: if it's in prefix and currency in Rupee then the sign will be seen in left-side if it's in suffix then it will be seen in right-side. Number Formatter if we want it in Indian or international.

  • General: User can change the height, width, top, left. If initial visibility is unchecked, then the chart won’t be visible at the first preview. If max button is unchecked, then user can’t maximize the chart separately. User can provide the fill color in order to make meaning full charts.

  • Legend: User can enable the internal legend if they want to show and can change the font size, color, style etc.

  • Range: Either enable Auto range option or else provide it in the range section.

  • Subtitle: User can enable the subtitle if they have any second title and also, they can change the Name, Font color, size, style etc.

  • Title: User can change Title Name, Font color, size, style etc.

  • Tooltip: If user want to show the description of series can use tooltip by enabling it.

  • X Axis: User can show the x-axis line, change the x-axis line color, label color, font size, font weight, font family, description etc. here. Also, if we want to rotate the label, it is also possible.

  • Y Axis: Can show the y-axis line, change the y-axis line color, label color, font size, font weight, font family, description etc. here.

Background Properties:

Title Properties:

X Axis Properties:

Y Axis Properties:

Outlier-1 Properties:

Outlier-2 Properties

Modified Chart after changing the Properties:

Last updated