Chart Action Card

• Shows card with chart and icon bar.

Example Link

• Click here to open examples

Features/Functionality

• Shows chart with chart changing types.
• On click of chart type icons, chart type is changed.
• On click of chart callback is called.
• Component is responsive.
• It is cross browser compatible. (Edge, Firefox, chrome).

Basic Usage

Dependencies

• jquery
• font-awesome
• shared styles

Definition

<cst-s-chart-action-card schema.bind="${schema}"></cst-s-chart-action-card>

Schema Description

Attribute	Value	Description
id	string type	Identifier for component.
chartSchema	object type	Schema to show chart data.
iconBarSchema	object type	Schema to show icon bar.
options	object type	Options for icon component.
onClick	string type	Method to be called on click of child icons.
elmInstance	any type	Icon element instance.
customParentContext	any type	Parent Context to call callback methods.
subAccessCtrl	object type	Access Ctrl for the component.
subTheme	object type	Theme for the component.
subFont	object type	Font for the component.
subStyle	object type	Style for the component.
subRawAttributes	object type	Raw Attributes for the component.

options

Property	Value	Description	Value
iconBarSide	top/bottom/left/right	Direction to show icon bar

Schema Example

let schema = {

chartSchema: {}, // Instance of Single Chart

iconBarSchema: {},

options: {

iconBarSide: 'left'

},

elmInstance: {},

customParentContext: {}

onClick: ''

subAccessCtrl: {},

subTheme: {},

subFont: {},

subStyle: {},

subRawAttributes: {}

}