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:
Card Body
Col
Horizontal Section
Vertical Section
Allowed Child Components:
Popover
Pulse
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:
SUM
COUNT
AVG
MAX
MIN
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
Last updated