Skip to main content

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.
drawing-5-1712315474.png
List Editor

The Values List property can also be set using the List Editor. ClickClick on the "Select Item" icon at the right endside 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,bars. and theThe bars are aligned from left to right, starting with the smallest row number.

drawing-5-1712315474.pngdrawing-5-1712326795.png

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

back to menu


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
drawing-5-1712315737.png
List Editor

The Values property can also be set using the List Editor. ClickingClick on the "Select Item" icon at the right endside 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.

drawing-5-1712315737.pngdrawing-5-1712326814.png

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

back to menu