A chart is a graphical representation for data visualization, in which “the data is represented by symbols, such as bars in a bar chart, lines in a line chart, or slices in a pie chart”. There are 3 charts available in sterlo application.
- Bar Chart
- Line Chart
- Pie Chart
1. Bar Chart
Properties
Parameters | Description |
---|---|
Control Name | The default name of the control and any alternation will be displayed here |
Disabled | Checkbox that disables the chart if checked. |
Display | Toggle the display of the circle by choosing Hide/Show. |
Style | The type of the chart can be chosen here as Bar chart |
Y axis Suffix and Prefix | The user can edit prefix and suffix to the data you are editing in the Y axis |
Horizontal Label | The user can enable or disable Horizontal Label |
Vertical Label | Allows vertical label to be displayed or not |
Show values | Allows values to be displayed or not |
Show decimal Place | Allows decimal place to be displayed or not |
X axis Label | The X axis data can be edited here |
Layout | Set preference that which control has to be displayed over the other |
Style
Layout
Parameter | Description |
---|---|
Width | Set the width of the Bar chart |
Height | Set the Height of the Bar chart |
Background
Parameters | Description |
---|---|
Background | The user can set the background color of the chart here |
Color | The color of the bars can be set here |
Title color | The title color can be defined here |
Chart Area
Parameters | Description |
---|---|
Title | The heading of the chart can be mentioned here |
Y axis Label | Labelling of Y axis can be mentioned here |
X axis Label | Labelling of X axis can be mentioned here |
Font Color | The label name color can be selected here |
Font Size | The user can resize the font in common |
Font Size X | X label font size can be resized |
Font Size Y | Y label font size can be resized |
2. Line Chart
Properties
Parameters | Description |
---|---|
Control Name | The default name of the control and any alternation will be displayed here |
Disabled | Checkbox that disables the chart if checked. |
Display | Toggle the display of the circle by choosing Hide/Show. |
Style | The type of the chart can be chosen here as Bar chart or Pie chart |
Y axis Suffix and Prefix | The user can edit prefix and suffix to the data you are editing in the Y axis |
Sub Check Box | The user can enable or disable Horizontal Label, Vertical Label, Value on top bars and show decimal place |
X axis data Label rotate | The X axis data can be edited here |
Layout | Set preference that which control has to be displayed over the other |
Style
Layout
Parameter | Description |
---|---|
Width | Set the width of the Line chart here |
Height | Set the Height of the Line chart here |
Background
Parameters | Description |
---|---|
Background | The user can set the background color of the chart here |
Color | The color of the line can be set here |
Title color | The title color can be defined here |
Parameters | Description |
---|---|
Title | The heading of the chart can be mentioned here |
Y axis Label | Labelling of Y axis can be mentioned here |
X axis Label | Labelling of X axis can be mentioned here |
Font Color | The label name color can be selected here |
Font Size | The user can resize the font in common |
Font Size X | X label font size can be resized |
Font Size Y | Y label font size can be resized |
3. Pie Chart
Properties
Parameters | Description |
---|---|
Control Name | The default name of the control and any alternation done will be displayed here |
Disabled | Checkbox that disables the chart if checked. |
Display | Toggle the display of the circle by choosing Hide/Show. |
Style | The type of the chart can be chosen here as Pie chart |
Layout | Set preference that which control has to be displayed over the other |
Style
Layout
Parameter | Description |
---|---|
Width | Set the width of the Pie chart here |
Height | Set the Height of the Pie chart here |
Background
Parameters | Description |
---|---|
Background | The user can set the background color of the pie chart here |
Color | The color of the pie sectors can be set here |
Title color | The title color can be defined here |
Parameters | Description |
---|---|
Title | The heading of the chart can be mentioned here |
Font Color | The label name color can be selected here |
Font Size | The user can resize the font in common |