Combination Chart
Description:
Combination Chart
The Combination chart component allow you to plot multiple datasets on the same chart. You can also plot multiple chart types on the same chart. For example, you can show the column, line, and area chart on the same chart canvas. Combination charts can be rendered in either 2D or 3D, can have single or dual y-axes, and can be stacked or multi series in nature.
Allowed Parent Components:
Card Body
Col
Grid Child
Horizontal Section
Vertical Section
Allowed Child Components:
Chart
Popover
Pulse
Trigger Before Render
Trigger On Click
Properties
➤ Caption
Provide a title for the Chart.
Allowed Values: Free text field
➤ Sub Caption
Provide a sub title for the chart.
Allowed Values: Free text field
➤ 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
➤ 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
➤ Label Display
Select the way you want your label to display.
Allowed Values:
auto
wrap
stagger
rotate
➤ Stagger Lines
Enter a numeric value above 2 to control how many lines to stagger the label to. By default, all labels are displayed in a single line.
Allowed Values: Any number value
➤ Slant Labels
Enable this to display labels in slant manner
Allowed Values: Yes/No
➤ 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
➤ Hide No Data Placeholder
Check this to hide the data displayed when no data found.
Allowed Values: Yes/No
➤ No Data Icon
Select an icon to display when no data found.
Allowed Values: Icon List
➤ No Data Text1
Provide a text to display as title when no data found.
Allowed Values: Free text field
➤ No Data Text2
Provide a text to display as sub title when no data found.
Allowed Values: Free text field
➤ 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
Last updated
Was this helpful?