Prev Next Chart

• Shows chart with prev next functionality.

Example Link

• Click here to open examples

Features/Functionality

• Shows chart data with pagination.
• Next data is shown on click of next icon.
• Prev data is shown on click of next icon.
• Click event callback will called on click.
• Component is responsive.
• It is cross browser compatible. (IE11, Edge, Firefox, chrome).

Basic Usage

Dependencies

• jquery
• font-awesome
• shared styles

Definition

<cst-s-prev-next-chart schema.bind="${schema}"></cst-s-prev-next-chart>

Schema Description

Attribute	Value	Description
id	string type	Identifier for component.
data	object type	Data to be shown.
dataAPI	object type	APIs to be called to get data.
dataFormatCallback	string type	Method to be called to format data.
iconBarSchema	object type	Icon Bar Class instance.
customParentContext	any type	Parent Context.
options	object type	Options for the component.
iconBarSchema	object type	Instance of Icon Bar Schema Cls.
onClick	string type	Method to be called on click of icon.
elmInstance	any type	Icon element instance.
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.

data

Property	Value	Description
idArr	array type	Array of all the ids.
dataArr	object array type	Data Array.

dataAPI

Property	Value	Description
idApi	object type	Method, body, url to get ids.
summaryDataApi	object type	Method, body, url to get data..

options

Property	Value	Description
countToLoadNextData	20(default)	Count To Load Next Data.
pageSize	10(default)	Data to be shown in one page.
chartVariant	bar(default)	Chart type to be shown.

Schema Example

let schema = {

id: '',

data: {},

dataAPI:{},

dataFormatCallback: '',

iconBarSchema: {},

options: {}

elmInstance: '',

customParentContext: '',

subFeatureFlag: {},

subAccessCtrl: {},

subTheme: {},

subFont: {},

subStyle: {},

subRawAttributes: {}

}