Charts
Contents list
BarGraph
Bar Graph Control is The Control that graphically displays some value depending on the length of the Bar. This is useful for visually comparing multiple values. You can set up to multiple bars on a graph. In addition, can also set a bar width, bar color and space width (between bar and bar). The value on each bar can be changed dynamically using Data Binding.
- The Values for the bars are defined by a property named "Value List".
- The number of bars equals the number of items in "Value List". The maximum number of bars that can be set is 100.
- Value List can be bound via DataBinding.
List Editor
The Values List property can also be set using the List Editor. Click on the "Select Item" icon at the right side of the Properties panel to open the List Editor and set the value of the bar in Value column. The total number of rows in List Editor represents the total number of bars. The bars are aligned from left to right, starting with the smallest row number.
Properties
| Property Name |
Type |
Description |
| Values List | ListPropertyType< FeatStd::Float > |
List of values |
| Bar Width |
UInt16 |
Width of each bar |
| Bar Height |
UInt16 |
Height of each bar |
| Space Width |
UInt16 |
Width of space between each bar |
| Color |
Candera::Color | Color |
LineGraph
Line Graph Control is The Control that draws a line graph in a coordinate area consisting of X and Y axes. This is useful for showing the transition of data increase / decrease. In addition, can also set a graph line width, line color and interpolation method between points to make the line graph more readable.
- Alpha channel is not used for color. (The line is always solid, not blend-able)
- Line chart only works with OpenGL – so native 2D devices are not supported
List Editor
The Values property can also be set using the List Editor. Click on the "Select Item" icon at the right side of the Properties panel to open List Editor, and set the values for the X and Y axes. The number of rows in List Editor represents the number of plot points in the line chart.
Properties
| Property Name |
Type |
Description |
| Values | ListPropertyType< Candera::Vector2 > | List of values which will create the graph. |
| Line Width |
Float |
The line width defines the thickness of the line. |
| Interpolation |
GraphInterpolationType::Enum (Linear, Spline) |
Defines the interpolation type of the line chart. |
| Interpolation Steps |
UInt16 |
Defines the amount of interpolation points between each value. This increases the spline resolution by the cost of performance and memory. |
| Color |
Candera::Color | Color |