@syncfusion/ej2-react-charts
Version:
Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for React
1,075 lines (1,069 loc) • 244 kB
JSON
{
"name": "Charts",
"description": "Chart Components",
"keywords": {
"common": [
"ej2-chart",
"chart",
"pie-chart",
"bar-chart",
"line-chart",
"column-chart",
"area-chart",
"basic-chart",
"chart-types",
"graphs-and-charts",
"financial-chart",
"financial-graph",
"scatter-plot",
"graph",
"accumulation-chart",
"rangenavigator",
"rangeselector",
"stock-chart",
"web-components",
"sparkline",
"sparkline-chart",
"smith-chart",
"bullet-chart",
"bullet-graph",
"syncfusion",
"chart3d",
"circularchart3d"
],
"angular": [
"angular",
"angular-charts",
"angular-accumulation-chart",
"angular-pie-chart",
"angular-stock-chart",
"angular-rangenavigator",
"angular-rangeselector",
"angular-sparkline",
"angular-sparkline-chart",
"angular-smith-chart",
"angular-bullet-chart",
"angular-bullet-graph",
"angular-chart3d",
"angular-circularchart3d"
],
"react": [
"react",
"reactjs",
"react-charts",
"react-graph",
"react-stock-chart",
"react-accumulation-chart",
"react-rangenavigator",
"react-rangeselector",
"react-sparkline",
"react-sparkline-chart",
"react-smith-chart",
"react-bullet-chart",
"react-bullet-graph",
"react-chart3d",
"react-circularchart3d"
],
"vue": [
"vue",
"vuejs",
"vue-charts",
"vue-graph",
"vue-stock-chart",
"vue-accumulation-chart",
"vue-rangenavigator",
"vue-rangeselector",
"vue-sparkline",
"vue-sparkline-chart",
"vue-smith-chart",
"vue-bullet-chart",
"vue-bullet-graph",
"vue-chart3d",
"vue-circularchart3d"
]
},
"repository": {
"type": "git",
"url": "https://github.com/syncfusion/ej2-charts"
},
"eventInterfaces": ["ISmithchartPrintEventArgs", "ISmithchartAnimationCompleteEventArgs", "ISmithchartLoadEventArgs", "ISmithchartLoadedEventArgs", "ISmithchartLegendRenderEventArgs", "ITitleRenderEventArgs", "ISubTitleRenderEventArgs", "ISmithchartTextRenderEventArgs", "ISmithchartAxisLabelRenderEventArgs", "ISmithchartSeriesRenderEventArgs", "ISparklineLoadedEventArgs", "ISparklineLoadEventArgs", "ITooltipRenderingEventArgs", "ISeriesRenderingEventArgs", "IAxisRenderingEventArgs", "ISparklinePointEventArgs", "IPointRegionEventArgs", "ISparklineMouseEventArgs", "IDataLabelRenderingEventArgs", "IMarkerRenderingEventArgs", "ISparklineResizeEventArgs",
"IAccAnimationCompleteEventArgs", "IAccLoadedEventArgs", "IAccPointRenderEventArgs", "IAccResizeEventArgs", "IAccSeriesRenderEventArgs", "IAccTextRenderEventArgs","IAccTooltipRenderEventArgs",
"IAccLegendRenderEventArgs", "IAnimationCompleteEventArgs", "IAnnotationRenderEventArgs", "IAxisLabelRenderEventArgs", "IAxisMultiLabelRenderEventArgs", "IAxisRangeCalculatedEventArgs", "IChartEventArgs",
"IDragCompleteEventArgs", "ILegendRenderEventArgs", "ILoadedEventArgs", "IMouseEventArgs", "IPointEventArgs", "IPointRenderEventArgs", "IPrintEventArgs", "IRangeSelectorRenderEventArgs", "IResizeEventArgs",
"IResizeRangeNavigatorEventArgs", "IScrollEventArgs", "ISelectorRenderArgs", "ISeriesRenderEventArgs", "ITextRenderEventArgs", "ITooltipRenderEventArgs", "IZoomCompleteEventArgs",
"IChangedEventArgs",
"ILabelRenderEventsArgs",
"IRangeLoadedEventArgs",
"IRangeTooltipRenderEventArgs",
"IRangeChangeEventArgs",
"IStockChartEventArgs",
"I3DChartEventArgs",
"I3DLoadedEventArgs",
"I3DSeriesRenderEventArgs",
"I3DAxisRangeCalculatedEventArgs",
"I3DAxisLabelRenderEventArgs",
"I3DTextRenderEventArgs",
"I3DTooltipRenderEventArgs",
"I3DPointEventArgs",
"I3DSelectionCompleteEventArgs",
"I3DExportEventArgs",
"I3DPrintEventArgs",
"I3DPointRenderEventArgs",
"I3DLegendClickEventArgs",
"I3DResizeEventArgs",
"I3DBeforeResizeEventArgs",
"CircularChart3DEventArgs",
"CircularChart3DLoadedEventArgs",
"CircularChart3DSeriesRenderEventArgs",
"CircularChart3DLegendRenderEventArgs",
"CircularChart3DLegendClickEventArgs",
"CircularChart3DSelectionCompleteEventArgs",
"CircularChart3DPointRenderEventArgs",
"CircularChart3DTextRenderEventArgs",
"CircularChart3DExportEventArgs",
"CircularChart3DPrintEventArgs",
"CircularChart3DAfterExportEventArgs",
"CircularChart3DResizeEventArgs",
"CircularChart3DBeforeResizeEventArgs",
"CircularChart3DPointEventArgs",
"CircularChart3DMouseEventArgs",
"CircularChart3DTooltipRenderEventArgs"
],
"components": [
{
"baseClass": "Chart",
"directoryName": "chart",
"blazorPlaceholder": "chart",
"defaultTag": "<chart id='sample'></chart>",
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * Chart Component",
" * ```html",
" * <ejschart></ejschart>",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react Chart Component",
" * ```tsx",
" * <ChartComponent></ChartComponent>",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs chart Component",
" * ```vue",
" * <ejs-chart></ejs-chart>",
" * ```",
" */"
],
"dynamicModules": [
"LineSeries",
"ScatterSeries",
"ColumnSeries",
"SplineSeries",
"SplineAreaSeries",
"StripLine",
"AreaSeries",
"ScrollBar",
"StepLineSeries",
"StepAreaSeries",
"StackingColumnSeries",
"StackingLineSeries",
"StackingAreaSeries",
"StackingStepAreaSeries",
"BarSeries",
"StackingBarSeries",
"RangeColumnSeries",
"BubbleSeries",
"Tooltip",
"Crosshair",
"Category",
"DateTime",
"Logarithmic",
"Legend",
"Zoom",
"DataLabel",
"Selection",
"ChartAnnotation",
"HiloSeries",
"HiloOpenCloseSeries",
"WaterfallSeries",
"RangeAreaSeries",
"RangeStepAreaSeries",
"SplineRangeAreaSeries",
"CandleSeries",
"PolarSeries",
"RadarSeries",
"SmaIndicator",
"TmaIndicator",
"EmaIndicator",
"AccumulationDistributionIndicator",
"MacdIndicator",
"AtrIndicator",
"RsiIndicator",
"MomentumIndicator",
"StochasticIndicator",
"BollingerBands",
"BoxAndWhiskerSeries",
"HistogramSeries",
"ErrorBar",
"Trendlines",
"DateTimeCategory",
"MultiColoredLineSeries",
"MultiColoredAreaSeries",
"MultiLevelLabel",
"ParetoSeries",
"Export",
"DataEditing",
"Highlight"
],
"diModuleFiles": [
{
"fileName": "area-series"
},
{
"fileName": "bar-series"
},
{
"fileName": "box-and-whisker-series"
},
{
"fileName": "bubble-series"
},
{
"fileName": "candle-series"
},
{
"fileName": "column-series"
},
{
"fileName": "data-label"
},
{
"fileName": "error-bar"
},
{
"fileName": "hilo-open-close-series"
},
{
"fileName": "hilo-series"
},
{
"fileName": "histogram-series"
},
{
"fileName": "line-series"
},
{
"fileName": "multi-colored-line-series"
},
{
"fileName": "multi-colored-area-series"
},
{
"fileName": "polar-series"
},
{
"fileName": "radar-series"
},
{
"fileName": "range-area-series"
},
{
"fileName": "range-step-area-series"
},
{
"fileName": "range-column-series"
},
{
"fileName": "scatter-series"
},
{
"fileName": "spline-area-series"
},
{
"fileName": "stacking-area-series"
},
{
"fileName": "stacking-line-series"
},
{
"fileName": "stacking-bar-series"
},
{
"fileName": "stacking-column-series"
},
{
"fileName": "step-area-series"
},
{
"fileName": "step-line-series"
},
{
"fileName": "waterfall-series"
},
{
"fileName": "spline-series"
},
{
"fileName": "annotation"
},
{
"fileName": "date-time-axis"
},
{
"fileName": "date-time-category-axis"
},
{
"fileName": "logarithmic-axis"
},
{
"fileName": "multi-level-labels"
},
{
"fileName": "strip-line"
},
{
"fileName": "category-axis"
},
{
"fileName": "ad-indicator"
},
{
"fileName": "atr-indicator"
},
{
"fileName": "macd-indicator"
},
{
"fileName": "bollinger-bands"
},
{
"fileName": "ema-indicator"
},
{
"fileName": "macd-indicator"
},
{
"fileName": "momentum-indicator"
},
{
"fileName": "rsi-indicator"
},
{
"fileName": "stochastic-indicator"
},
{
"fileName": "tma-indicator"
},
{
"fileName": "trend-line"
},
{
"fileName": "crosshair"
},
{
"fileName": "selection"
},
{
"fileName": "high-light"
},
{
"fileName": "zooming"
},
{
"fileName": "tooltip"
},
{
"fileName": "scrollbar"
},
{
"fileName": "legend"
},
{
"fileName": "pareto-series"
},
{
"fileName": "export"
},
{
"fileName": "data-editing"
}
],
"complexDirective": [
{
"propertyName": "primaryXAxis",
"baseClass": "Axis",
"SelectorName": "e-chart-primaryxaxis",
"aspSelectorName": "e-chart-primaryxaxis",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonAxis",
"blazorClassName": "ChartPrimaryXAxis",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "MajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMajorGridLines",
"blazorClassName": "ChartAxisMajorGridLines"
},
{
"propertyName": "scrollbarSettings",
"baseClass": "ScrollbarSettings",
"SelectorName": "e-scrollbarSettings",
"aspSelectorName": "e-scrollbarSettings",
"blazorClassName": "ChartAxisScrollbarSettings",
"blazorCommonClassName": "ChartCommonScrollbarSettings",
"isCommon": "true",
"complexDirective": [
{ "propertyName": "range",
"baseClass": "ScrollbarSettingsRange",
"SelectorName": "e-scrollbarSettings-range",
"aspSelectorName": "e-scrollbarSettings-range",
"blazorClassName": "ChartAxisScrollbarSettingsRange",
"blazorCommonClassName": "ChartCommonScrollbarSettingsRange",
"isCommon": "true"
}
]
},
{
"propertyName": "minorGridLines",
"baseClass": "MinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMinorGridLines",
"blazorClassName": "ChartAxisMinorGridLines"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMajorTickLines",
"blazorClassName": "ChartAxisMajorTickLines"
},
{
"propertyName": "minorTickLines",
"baseClass": "MinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMinorTickLines",
"blazorClassName": "ChartAxisMinorTickLines"
},
{
"propertyName": "lineStyle",
"baseClass": "AxisLine",
"SelectorName": "e-linestyle",
"aspSelectorName": "e-linestyle",
"isCommon": "true",
"blazorCommonClassName": "ChartAxisLine",
"blazorClassName":"ChartAxisLineStyle"
},
{
"propertyName": "crosshairTooltip",
"baseClass": "CrosshairTooltip",
"SelectorName": "e-crosshairtooltip",
"aspSelectorName": "e-crosshairtooltip",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonCrosshairTooltip",
"blazorClassName":"ChartAxisCrosshairTooltip"
},
{
"propertyName": "labelStyle",
"baseClass": "Font",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartAxisLabelStyle"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"SelectorName": "e-titlestyle",
"aspSelectorName": "e-titlestyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartAxisTitleStyle"
},
{
"propertyName": "border",
"baseClass": "LabelBorder",
"SelectorName": "e-border",
"aspSelectorName": "e-border",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonLabelBorder",
"blazorClassName": "ChartAxisLabelBorder"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "StripLines",
"directiveClassName": "StripLine",
"arrayDirectiveSelector": "e-chart-primaryxaxis>e-striplines",
"directiveSelector": "e-chart-primaryxaxis>e-striplines>e-stripline",
"aspArrayDirectiveSelector": "e-primaryxaxis-striplines",
"aspDirectiveSelector": "e-primaryxaxis-stripline",
"blazorArrayClassName": "ChartStriplines",
"blazorClassName":"ChartStripline",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonStripLines",
"propertyName": "stripLines",
"directoryName": "chart",
"baseClass": "StripLineSettings",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"SelectorName": "e-textstyle",
"aspSelectorName": "e-primaryxaxis-textstyle",
"aspClassName": "StripLinesPrimaryXAxisTextStyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartStriplineTextStyle"
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-border",
"aspSelectorName": "e-primaryxaxis-border",
"aspClassName": "StripLinesPrimaryXAxisBorder",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartStriplineBorder"
}
],
"comment": [
"/**",
" * StripLine Directive",
" * ```html",
" * <e-chart-primaryxaxis>",
" * <e-striplines>",
" * <e-stripline></e-stripline>",
" * </e-striplines>",
" * </e-chart-primaryxaxis>",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "MultiLevelLabels",
"directiveClassName": "MultiLevelLabel",
"arrayDirectiveSelector": "e-chart-primaryxaxis>e-multilevellabels",
"directiveSelector": "e-chart-primaryxaxis>e-multilevellabels>e-multilevellabel",
"aspArrayDirectiveSelector": "e-primaryxaxis-multilevellabels",
"aspDirectiveSelector": "e-primaryxaxis-multilevellabel",
"propertyName": "multiLevelLabels",
"directoryName": "chart",
"baseClass": "MultiLevelLabels",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"SelectorName": "e-textstyle",
"aspSelectorName": "e-primaryxaxis-textstyle",
"aspClassName": "MultiLevelLabelsPrimaryXAxisTextStyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartPrimaryXAxisMultilevelLabelFont"
},
{
"propertyName": "border",
"baseClass": "LabelBorder",
"SelectorName": "e-border",
"aspSelectorName": "e-primaryxaxis-border",
"aspClassName": "MultiLevelLabelsPrimaryXAxisLabelBorder",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonLabelBorder",
"blazorClassName": "ChartPrimaryXAxisMultilevelLabelBorder"
}
],
"comment": [
"/**",
" * MultiLevelLabel Directive",
" * ```html",
" * <e-chart-primaryxaxis>",
" * <e-multilevellabels>",
" * <e-multilevellabel></e-multilevellabel>",
" * </e-multilevellabels>",
" * </e-chart-primaryxaxis>",
" * ```",
" */"
],
"tagDirective": [
{
"arrayDirectiveClassName": "Categories",
"directiveClassName": "Category",
"arrayDirectiveSelector": "e-multilevellabel>e-categories",
"directiveSelector": "e-multilevellabel>e-categories>e-category",
"aspArrayDirectiveSelector": "e-primaryxaxis-categories",
"aspDirectiveSelector": "e-primaryxaxis-category",
"aspArrayClassName": "MultiLevelLabelsPrimaryXAxisCategories",
"directoryName": "chart",
"propertyName": "categories",
"baseClass": "MultiLevelCategories",
"comment": [
"/**",
" * MultiLevelLabels Directive",
" * ```html",
" * <e-multilevellabels>",
" * <e-multilevellabel>",
" * <e-Categories>",
" * <e-Category>",
" * </e-Category>",
" * </e-Categories>",
" * </e-multilevellabel>",
" * </e-multilevellabels>",
" * ```",
" */"
]
}
]
}
]
},
{
"propertyName": "primaryYAxis",
"baseClass": "Axis",
"SelectorName": "e-chart-primaryyaxis",
"aspSelectorName": "e-chart-primaryyaxis",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonAxis",
"blazorClassName": "ChartPrimaryYAxis",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "MajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMajorGridLines",
"blazorClassName": "ChartAxisMajorGridLines"
},
{
"propertyName": "scrollbarSettings",
"baseClass": "ScrollbarSettings",
"SelectorName": "e-scrollbarSettings",
"aspSelectorName": "e-scrollbarSettings",
"blazorClassName": "ChartAxisScrollbarSettings",
"blazorCommonClassName": "ChartCommonScrollbarSettings",
"isCommon": "true",
"complexDirective": [
{ "propertyName": "range",
"baseClass": "ScrollbarSettingsRange",
"SelectorName": "e-scrollbarSettings-range",
"aspSelectorName": "e-scrollbarSettings-range",
"blazorClassName": "ChartAxisScrollbarSettingsRange",
"blazorCommonClassName": "ChartCommonScrollbarSettingsRange",
"isCommon": "true"
}
]
},
{
"propertyName": "minorGridLines",
"baseClass": "MinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMinorGridLines",
"blazorClassName": "ChartAxisMinorGridLines"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMajorTickLines",
"blazorClassName": "ChartAxisMajorTickLines"
},
{
"propertyName": "minorTickLines",
"baseClass": "MinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMinorTickLines",
"blazorClassName": "ChartAxisMinorTickLines"
},
{
"propertyName": "lineStyle",
"baseClass": "AxisLine",
"SelectorName": "e-linestyle",
"aspSelectorName": "e-linestyle",
"isCommon": "true",
"blazorCommonClassName": "ChartAxisLine",
"blazorClassName":"ChartAxisLineStyle"
},
{
"propertyName": "crosshairTooltip",
"baseClass": "CrosshairTooltip",
"SelectorName": "e-crosshairtooltip",
"aspSelectorName": "e-crosshairtooltip",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonCrosshairTooltip",
"blazorClassName":"ChartAxisCrosshairTooltip"
},
{
"propertyName": "labelStyle",
"baseClass": "Font",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartAxisLabelStyle"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"SelectorName": "e-titlestyle",
"aspSelectorName": "e-titlestyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartAxisTitleStyle"
},
{
"propertyName": "border",
"baseClass": "LabelBorder",
"SelectorName": "e-border",
"aspSelectorName": "e-border",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonLabelBorder",
"blazorClassName": "ChartAxisLabelBorder"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "StripLines",
"directiveClassName": "StripLine",
"arrayDirectiveSelector": "e-chart-primaryyaxis>e-striplines",
"directiveSelector": "e-chart-primaryyaxis>e-striplines>e-stripline",
"aspArrayDirectiveSelector": "e-primaryyaxis-striplines",
"aspDirectiveSelector": "e-primaryyaxis-stripline",
"propertyName": "stripLines",
"directoryName": "chart",
"blazorArrayClassName": "ChartStriplines",
"blazorClassName":"ChartStripline",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonStripLines",
"baseClass": "StripLineSettings",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"SelectorName": "e-textstyle",
"aspSelectorName": "e-primaryyaxis-textstyle",
"aspClassName": "StripLinesPrimaryYAxisTextStyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartStriplineTextStyle"
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-border",
"aspSelectorName": "e-primaryyaxis-border",
"aspClassName": "StripLinesPrimaryYAxisBorder",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartStriplineBorder"
}
],
"comment": [
"/**",
" * StripLine Directive",
" * ```html",
" * <e-chart-primaryyaxis>",
" * <e-striplines>",
" * <e-stripline></e-stripline>",
" * </e-striplines>",
" * </e-chart-primaryyaxis>",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "MultiLevelLabels",
"directiveClassName": "MultiLevelLabel",
"arrayDirectiveSelector": "e-chart-primaryyaxis>e-multilevellabels",
"directiveSelector": "e-chart-primaryyaxis>e-multilevellabels>e-multilevellabel",
"aspArrayDirectiveSelector": "e-primaryyaxis-multilevellabels",
"aspDirectiveSelector": "e-primaryyaxis-multilevellabel",
"propertyName": "multiLevelLabels",
"directoryName": "chart",
"baseClass": "MultiLevelLabels",
"comment": [
"/**",
" * MultiLevelLabel Directive",
" * ```html",
" * <e-chart-primaryyaxis>",
" * <e-multilevellabels>",
" * <e-multilevellabel></e-multilevellabel>",
" * </e-multilevellabels>",
" * </e-chart-primaryyaxis>",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"SelectorName": "e-textstyle",
"aspSelectorName": "e-primaryyaxis-textstyle",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"aspClassName": "MultiLevelLabelsPrimaryYAxisTextStyle",
"blazorClassName": "ChartPrimaryYAxisMultilevelLabelFont"
},
{
"propertyName": "border",
"baseClass": "LabelBorder",
"SelectorName": "e-border",
"aspSelectorName": "e-primaryyaxis-border",
"aspClassName": "MultiLevelLabelsPrimaryYAxisLabelBorder",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonLabelBorder",
"blazorClassName": "ChartPrimaryYAxisMultilevelLabelBorder"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "Categories",
"directiveClassName": "Category",
"arrayDirectiveSelector": "e-multilevellabel>e-categories",
"directiveSelector": "e-multilevellabel>e-categories>e-category",
"aspArrayDirectiveSelector": "e-primaryyaxis-categories",
"aspDirectiveSelector": "e-primaryyaxis-category",
"aspArrayClassName": "MultiLevelLabelsPrimaryYAxisCategories",
"directoryName": "chart",
"propertyName": "categories",
"baseClass": "MultiLevelCategories",
"comment": [
"/**",
" * MultiLevelLabels Directive",
" * ```html",
" * <e-multilevellabels>",
" * <e-multilevellabel>",
" * <e-Categories>",
" * <e-Category>",
" * </e-Category>",
" * </e-Categories>",
" * </e-multilevellabel>",
" * </e-multilevellabels>",
" * ```",
" */"
]
}
]
}
]
},
{
"propertyName": "tooltip",
"baseClass": "TooltipSettings",
"SelectorName": "e-chart-tooltipsettings",
"aspSelectorName": "e-chart-tooltipsettings",
"blazorTemplates": ["template"],
"blazorTemplateModels": {
"template" : "IChartTemplate"
},
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"aspClassName": "ChartTooltipTextStyle",
"aspBuilderName": "ChartFont",
"isCommon": "true",
"blazorClassName": "ChartTooltipTextStyle",
"blazorCommonClassName": "ChartCommonFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "ChartTooltipBorder",
"aspBuilderName": "ChartBorder",
"isCommon": "true",
"blazorClassName" : "ChartTooltipBorder",
"blazorCommonClassName" : "ChartCommonBorder"
}
]
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true",
"blazorClassName": "ChartMargin",
"blazorCommonClassName": "ChartCommonMargin"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon":"true",
"blazorClassName": "ChartBorder",
"blazorCommonClassName": "ChartCommonBorder"
},
{
"propertyName": "titleStyle",
"baseClass": "titleSettings",
"SelectorName": "e-chart-titlestyle",
"aspSelectorName": "e-chart-titlestyle",
"isCommon": "true",
"blazorClassName": "ChartTitleStyle",
"blazorCommonClassName": "ChartCommonFont",
"complexDirective": [
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "TitleSettingsAccessibility",
"aspBuilderName": "ChartAccessibility"
}
]
},
{
"propertyName": "subTitleStyle",
"baseClass": "titleSettings",
"isCommon": "true",
"blazorClassName": "ChartSubTitleStyle",
"blazorCommonClassName": "ChartCommonFont",
"complexDirective": [
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true"
}
]
},
{
"propertyName": "stackLabels",
"baseClass": "StackLabelSettings",
"isCommon": "true"
},
{
"propertyName": "chartArea",
"baseClass": "ChartArea",
"aspClassName": "ChartArea",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-chartarea-border",
"aspSelectorName": "e-chartarea-border",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartAreaBorder"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"SelectorName": "e-chartarea-margin",
"aspSelectorName": "e-chartarea-margin",
"isCommon": "true",
"aspClassName": "ChartAreaMargin",
"aspBuilderName": "ChartMargin"
}
]
},
{
"propertyName": "crosshair",
"baseClass": "CrosshairSettings",
"SelectorName": "e-chart-crosshairsettings",
"aspSelectorName": "e-chart-crosshairsettings",
"complexDirective": [
{
"propertyName": "line",
"baseClass": "Border",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartCrosshairLine"
}
]
},
{
"propertyName": "legendSettings",
"baseClass": "LegendSettings",
"SelectorName": "e-chart-legendsettings",
"aspSelectorName": "e-chart-legendsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"aspClassName": "ChartLegendBorder",
"aspBuilderName": "ChartBorder",
"blazorClassName": "ChartLegendBorder",
"blazorCommonClassName": "ChartCommonBorder"
},
{
"propertyName": "textStyle",
"baseClass": "Font",
"aspClassName": "ChartLegendTextStyle",
"aspBuilderName": "ChartFont",
"isCommon": "true",
"blazorClassName": "ChartLegendTextStyle",
"blazorCommonClassName": "ChartCommonFont"
},
{
"propertyName": "location",
"baseClass": "Location"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"aspClassName": "ChartLegendTitleStyle",
"aspBuilderName": "ChartFont",
"isCommon": "true",
"blazorClassName": "ChartLegendTitleStyle",
"blazorCommonClassName": "ChartCommonFont"
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "LegendSettingsAccessibility",
"aspBuilderName": "ChartAccessibility"
}
]
},
{
"propertyName": "zoomSettings",
"baseClass": "ZoomSettings",
"SelectorName": "e-chart-zoomsettings",
"aspSelectorName": "e-chart-zoomsettings",
"complexDirective": [
{
"propertyName": "toolbarPosition",
"baseClass": "ToolbarPosition",
"isCommon": "true"
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "ZoomSettingsAccessibility",
"aspBuilderName": "ChartAccessibility"
}
]
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "ChartBaseAccessibility",
"aspBuilderName": "ChartAccessibility"
}
],
"tagDirective": [
{