There are mainly four types of charts in designer applications, and each chart group features different options for customizing their look-and-feel.
To begin editing a chart, first select it when you’re in the User Interface Designer. The properties of each chart axis can be configured by clicking on the blue Edit Axis button when you scroll down on the chart configuration pane on the right. Note that these options are not available in charts without an axis, like the Donut chart.
You can remove the axis by unchecking the Enabled option.
The label placement property controls the alignment of the data that will be shown on this axis. Labels in this context refer to any data that is shown on the axis itself, such as dates or numbers.
You can further customize the axis labels by changing the data label color, font family, size, style, or format from the corresponding options. This way, you can make the axis value easier to read and match the overall structure of your web application.
Axis Crossing option determines where the axis should start based on the values in it. For example, if you have negative and positive values together in the data shown on this axis, you can select from other options based on your data to make sure the display axis moves the zero line accordingly.
Chart axes are drawn automatically to fit the highest and lowest values. If you’d like to change these values manually and set static limits instead, you can enter the end points from the Min Value and Max Value fields.
The Tick Count property determines the number of notches that will be shown on the selected axis. For example, if you set this value to 3, the system will divide the axis values into three, and those values will be shown on the axis.
The color and thickness of the selected axis can be configured from the Line Color and Line Thickness options.
You can remove the horizontal or vertical lines shown on the chart area that extend from the selected axis and match the tick count, by disabling the Show grid lines option.
Entering a value into the Title field will display a title next to that axis. As a rule of thumb, we recommend entering a descriptive label here to make the chart easier to read. The properties of the Title font can be further customized from the following properties.