ZoomLine Chart

Description:

Zoom Line Chart

Zoom line chart is a special type of multi-series line chart that allows analysis of data at macroscopic and microscopic levels. It can easily plot thousands of data points, which can produce indecipherable results if plotted on an ordinary line chart.

Allowed Parent Components:

1. Card Body

2. Col

3. Horizontal Section

4. Vertical Section

Allowed Child Components:

1. Popover

2. Pulse

3. Trigger Before Render

Properties

➤ Caption

Provide a title for the Chart.

Allowed Values: An expression which should return string after evaluation

➤ Sub Caption

Provide a sub title for the chart.

Allowed Values: An expression which should return string after evaluation

➤ X Axis Name

Provide a name that you would want to display on the X-axis.

Allowed Values: Free text field

➤ Y Axis Name

Provide a name that you would want to display on the Primary Y-axis.

Allowed Values: Free text field

➤ Primary Yaxis Max Value

Provide value to explicitly set the upper limit of the Primary Y-axis.

Allowed Values: Any number value

➤ Primary Yaxis Min Value

Provide value to explicitly set the lower limit of the Primary Y-axis.

Allowed Values: Any number value

➤ Height

Provide numerical values to set heigth in pixels.

Allowed Values: Any number value

➤ Width

Provide numerical values to set width in pixels.

Allowed Values: Any number value

➤ Show Dual Y-axis

Check this property to show dual y-axis.

Allowed Values: Yes/No

➤ Secondary Yaxis Name

Provide a name that you would want to display on the secondary Y-axis.

Allowed Values: Free text field

➤ Secondary Yaxis Max Value

Provide value to explicitly set the upper limit of the secondary Y-axis.

Allowed Values: Any number value

➤ Secondary Yaxis Min Value

Provide value to explicitly set the lower limit of the secondary Y-axis.

Allowed Values: Any number value

➤ Snumber Prefix

This will be rendered as secondary Y-axis prefix.

Allowed Values: Free text field

➤ Secondary Yaxis Categories

Provide the category names to render on secondary Y-Axis .

Allowed Values: Free text field

➤ Palette Colors

Specify your custom list of hex colors for the data items. The list of colors have to be separated by comma e.g., "paletteColors": "#FF0000, #0372AB, #FF5904...". The chart will cycle through the list of specified colors and then render the data plot accordingly.

Allowed Values: Free text field

➤ Export Enabled

Enable this to allow export in png, jpg, pdf, svg or xls formats.

Allowed Values: Yes/No

➤ Export File Name

Specify the name (excluding the extension) of the output (export) file. default: chart

Allowed Values: Free text field

➤ On Click

Allowed Values: Controller Function

➤ Use Existing Data Source

Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.

Allowed Values: Yes/No

➤ Data Source

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

➤ Data Source Alias

Allowed Values: Free text field

➤ Default Where Clause

Allowed Values: Free text field

➤ Max Rows

Allowed Values: Any number value

➤ Order By Clause

e.g. #firstAttr#, #secondAttr# DESC

Allowed Values: Free text field

➤ Auto Query

Check this property to query the selected datasource on component render.

Allowed Values: Yes/No

➤ Execute Count SQL

Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}

Allowed Values: Yes/No

➤ Execute Distinct SQL

Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.

Allowed Values: Yes/No

➤ Key Attribute

It is the primary key field in the current data source.

Allowed Values: It is the primary key field in the current data source.

➤ Label Attribute

The attribute that you would want to display as the label on the X- axis

Allowed Values: The attribute that you would want to display as the label on the X- axis

➤ Category Key Attribute

Select a attribute so that the mathematical functions will be performed on this attribute.

Allowed Values: Select a attribute so that the mathematical functions will be performed on this attribute.

➤ Category Attribute

To display all the categories based on the attribute that you provide in a legend at the bottom.

Allowed Values: To display all the categories based on the attribute that you provide in a legend at the bottom.

➤ Value Attribute

Selected attribute value will be plotted on the chart.

Allowed Values: Selected attribute value will be plotted on the chart.

➤ Function

Select a function to do arithmetic operations on data.

Allowed Values:

1. SUM

2. COUNT

3. AVG

4. MAX

5. MIN

6. COUNT(DISTINCT)

➤ Auto Refresh Interval

Specify this property in seconds to refresh the component to specified interval.

Allowed Values: Any number value

➤ Label Format Expression

Specify an expression that should be evaluated to a string

Allowed Values: An expression which should return string after evaluation