SparklineComponent

Sparkline Component

<ejs-sparkline></ejs-sparkline>

Properties

axisSettings

AxisSettingsModel

To configure Sparkline container area customization.

border

SparklineBorderModel

To configure Sparkline points border color and width.

containerArea

ContainerAreaModel

To configure Sparkline container area customization.

dataLabelSettings

SparklineDataLabelSettingsModel

To configure Sparkline dataLabel configuration.

dataSource

Object[] | DataManager

To configure sparkline data source.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

endPointColor

string

To configure sparkline series last x value point color.

fill

string

To configure sparkline series fill.

format

string

To apply internationalization for sparkline.

height

string

To configure Sparkline height.

highPointColor

string

To configure sparkline series highest y value point color.

lineWidth

number

To configure sparkline line series width.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

lowPointColor

string

To configure sparkline series lowest y value point color.

markerSettings

SparklineMarkerSettingsModel

To configure Sparkline marker configuration.

negativePointColor

string

To configure sparkline series negative y value point color.

opacity

number

To configure sparkline line series opacity.

padding

PaddingModel

To configure Sparkline container area customization.

palette

string[]

To configure sparkline series color palette. It applicable to column and pie type series.

query

Query

Specifies the query for filter the data.

rangeBandSettings

RangeBandSettingsModel[]

To configure Sparkline axis line customization.

sparkTheme

IThemes

Sparkline theme support @private

startPointColor

string

To configure sparkline series first x value point color.

theme

string

To configure sparkline theme.

tiePointColor

string

To configure sparkline winloss series tie y value point color.

tooltipSettings

SparklineTooltipSettingsModel

To configure Sparkline tooltip settings.

type

string

To configure Sparkline series type.

useGroupingSeparator

boolean

To enable the separator

valueType

string

To configure sparkline series value type.

width

string

To configure Sparkline width.

xName

string

To configure sparkline series xName.

yName

string

To configure sparkline series yName.

Methods

destroy

Destroy the component

Returns void

getModuleName

Get component name

Returns string

renderSparkline

To render sparkline elements

Returns void

Events

axisRendering

EmitType<IAxisRenderingEventArgs>

Triggers before sparkline axis render.

dataLabelRendering

EmitType<IDataLabelRenderingEventArgs>

Triggers before the sparkline datalabel render.

load

EmitType<ISparklineLoadEventArgs>

Triggers before sparkline render.

loaded

EmitType<ISparklineLoadedEventArgs>

Triggers after sparkline rendered.

markerRendering

EmitType<IMarkerRenderingEventArgs>

Triggers before the sparkline marker render.

pointRegionMouseClick

EmitType<IPointRegionEventArgs>

Triggers while mouse click on the sparkline point region.

pointRegionMouseMove

EmitType<IPointRegionEventArgs>

Triggers while mouse move on the sparkline point region.

pointRendering

EmitType<ISparklinePointEventArgs>

Triggers before sparkline points render.

resize

EmitType<ISparklineResizeEventArgs>

Triggers on resizing the sparkline.

seriesRendering

EmitType<ISeriesRenderingEventArgs>

Triggers before sparkline series render.

sparklineMouseClick

EmitType<ISparklineMouseEventArgs>

Triggers while mouse click on the sparkline container.

sparklineMouseMove

EmitType<ISparklineMouseEventArgs>

Triggers while mouse move on the sparkline container.

tooltipInitialize

EmitType<ITooltipRenderingEventArgs>

Triggers before sparkline tooltip render.