# Graph

#### **Bar Graph**

Creates a bar graph based on a provided list of numeric values, with configurable bar width, height, spacing between bars, and color for each value. This behavior is available for 2D scenes only.

**Common Properties**

<div class="contents" id="bkmrk-property-name-type-d"><div class="textblock"><table class="doxtable"><tbody><tr><th>**Property Name**</th><th>**Type**</th><th>**Description**</th></tr><tr><td>TemplateNode  
</td><td>  
</td><td>  
</td></tr><tr><td>BarWidth</td><td>FeatStd::UInt16</td><td>Width of each bar.</td></tr><tr><td>BarHeight</td><td>FeatStd::UInt16</td><td>Height of each bar.</td></tr><tr><td>SpaceWidth</td><td>FeatStd::UInt16</td><td>Width of space between each bar.</td></tr><tr><td>Color</td><td>[Candera::Color](http://dev.doc.cgistudio.at/APILINK/class_candera_1_1_color.html "Represents a color by its red-, green-, blue- and alpha-value. Provides color arithmetic functions an...")</td><td>Color of bars.</td></tr><tr><td>Value List</td><td>Courier::ListPropertyType&lt; FeatStd::Float &gt;</td><td>List of values.</td></tr></tbody></table>

</div></div>#### **Line Graph**

Draws a 2D line using a list of values with a specified width and color. Displays the result in the scene. Can be attached to a group node. This behavior is available for 2D scenes only.

**Common Properties**

<div class="contents" id="bkmrk-property-name-type-d-1"><div class="contents"><div class="contents"><div class="textblock"><table class="doxtable" style="width: 100%;"><tbody><tr><th style="width: 17.1817%;">**Property Name**</th><th style="width: 28.3043%;">**Type**</th><th style="width: 54.514%;">**Description**</th></tr><tr><td style="width: 17.1817%;">Values</td><td style="width: 28.3043%;">Courier::ListPropertyType&lt; Candera::Vector2 &gt;</td><td style="width: 54.514%;">List of values which will create the graph.</td></tr><tr><td style="width: 17.1817%;">MinX</td><td style="width: 28.3043%;">FeatStd::Optional&lt;FeatStd::Float&gt;</td><td style="width: 54.514%;">The minimal X value restricts the graph's X value range and creates its lower bounds.</td></tr><tr><td style="width: 17.1817%;">MaxX</td><td style="width: 28.3043%;">FeatStd::Optional&lt;FeatStd::Float&gt;</td><td style="width: 54.514%;">The maximal X value restricts the graph's X value range and creates its upper bounds.</td></tr><tr><td style="width: 17.1817%;">MinY</td><td style="width: 28.3043%;">FeatStd::Optional&lt;FeatStd::Float&gt;</td><td style="width: 54.514%;">The minimal Y value restricts the graph's Y value range and creates its lower bounds.</td></tr><tr><td style="width: 17.1817%;">MaxY</td><td style="width: 28.3043%;">FeatStd::Optional&lt;FeatStd::Float&gt;</td><td style="width: 54.514%;">The maximal Y value restricts the graph's Y value range and creates its upper bounds.</td></tr><tr><td style="width: 17.1817%;">Line Width</td><td style="width: 28.3043%;">FeatStd::Float</td><td style="width: 54.514%;">The line width defines the thickness of the line.</td></tr><tr><td style="width: 17.1817%;">Interpolation</td><td style="width: 28.3043%;">GraphInterpolationType::Enum</td><td style="width: 54.514%;">Defines the interpolation type of the line chart.</td></tr><tr><td style="width: 17.1817%;">Interpolation Steps</td><td style="width: 28.3043%;">FeatStd::UInt16</td><td style="width: 54.514%;">Defines the amount of interpolation points between each value. This increase the spline resolution by the cost of performance and memory.</td></tr><tr><td style="width: 17.1817%;">Color of line</td><td style="width: 28.3043%;">[Candera::Color](http://dev.doc.cgistudio.at/APILINK/class_candera_1_1_color.html "Represents a color by its red-, green-, blue- and alpha-value. Provides color arithmetic functions an...")</td><td style="width: 54.514%;">Color of line.</td></tr></tbody></table>

</div></div></div></div>