{
"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": "",
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * Chart Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react Chart Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs chart Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"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",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"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",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"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",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
]
}
]
},
{
"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",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"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",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"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",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
]
}
]
},
{
"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": [
{
"arrayDirectiveClassName": "SeriesCollection",
"directiveClassName": "Series",
"arrayDirectiveSelector": "ej-chart>e-series-collection",
"aspArrayDirectiveSelector": "e-series-collection",
"directiveSelector": "e-series-collection>e-series",
"propertyName": "series",
"directoryName": "chart",
"baseClass": "Series",
"aspDirectiveSelector": "e-series",
"comment": [
"/**",
" * Series Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "marker",
"baseClass": "MarkerSettings",
"SelectorName": "e-series-marker",
"aspSelectorName": "e-series-marker",
"blazorClassName": "ChartMarker",
"complexDirective": [
{
"propertyName": "dataLabel",
"baseClass": "DataLabelSettings",
"SelectorName": "e-series-datalabel",
"aspSelectorName": "e-series-datalabel",
"blazorClassName": "ChartDataLabel",
"blazorTemplates": ["template"],
"blazorTemplateModels": {
"template" : "IChartTemplate"
},
"complexDirective": [
{
"propertyName": "font",
"baseClass": "Font",
"selectorName": "e-font",
"aspSelectorName": "e-font",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartDataLabelFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorCommonClassName":"ChartCommonBorder",
"blazorClassName": "ChartDataLabelBorder"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMargin",
"blazorClassName": "ChartDataLabelMargin"
}
]
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-marker-border",
"aspSelectorName": "e-marker-border",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartMarkerBorder"
}
]
},
{
"propertyName": "animation",
"baseClass": "Animation",
"SelectorName": "e-series-animation",
"aspSelectorName": "e-series-animation",
"isCommon": "true",
"blazorClassName": "ChartSeriesAnimation",
"blazorCommonClassName" : "ChartCommonAnimation"
},
{
"propertyName": "errorBar",
"baseClass": "ErrorBarSettings",
"SelectorName": "e-series-errorbar",
"aspSelectorName": "e-series-errorbar",
"complexDirective": [
{
"propertyName": "errorBarCap",
"baseClass": "ErrorBarCapSettings",
"SelectorName": "e-errorbarcap",
"aspSelectorName": "e-errorbarcap"
}
]
},
{
"propertyName": "paretoOptions",
"baseClass": "ParetoOptions",
"SelectorName": "e-series-paretooptions",
"aspSelectorName": "e-series-paretooptions",
"complexDirective": [
{
"propertyName": "marker",
"baseClass": "MarkerSettings",
"SelectorName": "e-marker",
"aspSelectorName": "e-marker"
}
]
},
{
"propertyName": "emptyPointSettings",
"baseClass": "EmptyPointSettings",
"SelectorName": "e-series-emptypointsettings",
"aspSelectorName": "e-series-emptypointsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartEmptyPointBorder"
}
]
},
{
"propertyName": "cornerRadius",
"baseClass": "CornerRadius",
"SelectorName": "e-series-cornerradius",
"aspSelectorName": "e-series-cornerradius"
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-series-border",
"aspSelectorName": "e-series-border",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartSeriesBorder"
},
{
"propertyName": "dragSettings",
"baseClass": "DragSettings",
"SelectorName": "e-series-dragsettings",
"aspSelectorName": "e-series-dragsettings"
},
{
"propertyName": "accessibility",
"baseClass": "SeriesAccessibility",
"isCommon": "true"
}
],
"reactComment": [
"/**",
" * `SeriesDirective` directive represent a series of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"tagDirective": [
{
"arrayDirectiveClassName": "Trendlines",
"directiveClassName": "Trendline",
"arrayDirectiveSelector": "e-series>e-trendlines",
"directiveSelector": "e-series>e-trendlines>e-trendline",
"aspDrrayDirectiveSelector": "e-trendlines",
"aspDirectiveSelector": "e-trendline",
"directoryName": "chart",
"propertyName": "trendlines",
"baseClass": "Trendline",
"complexDirective": [
{
"propertyName": "marker",
"baseClass": "MarkerSettings",
"SelectorName": "e-trendline-marker",
"aspSelectorName": "e-trendline-marker",
"blazorClassName": "ChartTrendLineMarker",
"isDeprecated": "true",
"complexDirective": [
{
"propertyName": "dataLabel",
"baseClass": "DataLabelSettings",
"SelectorName": "e-trendline-datalabel",
"aspSelectorName": "e-trendline-datalabel",
"blazorClassName": "ChartDataLabel",
"complexDirective": [
{
"propertyName": "font",
"baseClass": "Font",
"selectorName": "e-font",
"aspSelectorName": "e-font",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonFont",
"blazorClassName": "ChartDataLabelFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorCommonClassName":"ChartCommonBorder",
"blazorClassName": "ChartDataLabelBorder"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonMargin",
"blazorClassName": "ChartDataLabelMargin"
}
]
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-trendline-marker-border",
"aspSelectorName": "e-trendline-marker-border",
"aspClassName": "ChartTrendLineMarkerBorder",
"aspBuilderName": "ChartBorder",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonBorder",
"blazorClassName": "ChartMarkerBorder"
}
]
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true"
}
],
"comment": [
"/**",
" * Series Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `TrendlineDirective` directive represent a trendline of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "Segments",
"directiveClassName": "Segment",
"arrayDirectiveSelector": "e-series>e-segments",
"directiveSelector": "e-series>e-segments>e-segment",
"aspArrayDirectiveSelector": "e-segments",
"aspDirectiveSelector": "e-segment",
"directoryName": "chart",
"propertyName": "segments",
"baseClass": "ChartSegment",
"comment": [
"/**",
" * Series Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `SegmentDirective` directive represent a segment of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
],
"templateProperties": [
"dataLabel.template"
]
},
{
"arrayDirectiveClassName": "axes",
"directiveClassName": "axis",
"propertyName": "axes",
"directoryName": "chart",
"baseClass": "Axis",
"comment": [
"/**",
" * Axis Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Axis` directive represent a axis row of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "MajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"isCommon": "true",
"blazorClassName": "ChartAxisMajorGridLines",
"blazorCommonClassName": "ChartCommonMajorGridLines"
},
{
"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",
"blazorClassName": "ChartAxisMinorGridLines",
"blazorCommonClassName": "ChartCommonMinorGridLines"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"isCommon": "true",
"blazorClassName": "ChartAxisMajorTickLines",
"blazorCommonClassName": "ChartCommonMajorTickLines"
},
{
"propertyName": "minorTickLines",
"baseClass": "MinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"isCommon": "true",
"blazorClassName": "ChartAxisMinorTickLines",
"blazorCommonClassName": "ChartCommonMinorTickLines"
},
{
"propertyName": "lineStyle",
"baseClass": "AxisLine",
"SelectorName": "e-linestyle",
"aspSelectorName": "e-linestyle",
"isCommon": "true",
"blazorClassName": "ChartAxisLineStyle",
"blazorCommonClassName": "ChartAxisLine"
},
{
"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",
"blazorClassName": "ChartAxisLabelStyle",
"blazorCommonClassName": "ChartCommonFont"
},
{
"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",
"blazorClassName": "ChartAxisLabelBorder",
"blazorCommonClassName": "ChartCommonLabelBorder"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "StripLines",
"directiveClassName": "StripLine",
"arrayDirectiveSelector": "e-axis>e-striplines",
"aspArrayDirectiveSelector": "e-striplines",
"directiveSelector": "e-axis>e-striplines>e-stripline",
"aspDirectiveSelector": "e-stripline",
"propertyName": "stripLines",
"directoryName": "chart",
"baseClass": "StripLineSettings",
"blazorArrayClassName": "ChartStriplines",
"blazorClassName":"ChartStripline",
"isCommon": "true",
"blazorCommonClassName": "ChartCommonStripLines",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"SelectorName": "e-textstyle",
"aspSelectorName": "e-textstyle",
"isCommon": "true",
"blazorClassName": "ChartStriplineTextStyle",
"blazorCommonClassName": "ChartCommonFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-border",
"aspSelectorName": "e-border",
"isCommon": "true",
"blazorClassName": "ChartStriplineBorder",
"blazorCommonClassName": "ChartCommonBorder"
}
],
"comment": [
"/**",
" * StripLine Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `StriplineDirective` directive represent a stripline of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "MultiLevelLabels",
"directiveClassName": "MultiLevelLabel",
"arrayDirectiveSelector": "e-axis>e-multilevellabels",
"directiveSelector": "e-axis>e-multilevellabels>e-multilevellabel",
"aspArrayDirectiveSelector": "e-multilevellabels",
"aspDirectiveSelector": "e-multilevellabel",
"propertyName": "multiLevelLabels",
"directoryName": "chart",
"baseClass": "MultiLevelLabels",
"comment": [
"/**",
" * MultiLevelLabel Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"SelectorName": "e-textstyle",
"aspSelectorName": "e-textstyle",
"isCommon": "true",
"blazorClassName": "ChartAxisMultiLevelLabelTextStyle",
"blazorCommonClassName": "ChartCommonFont"
},
{
"propertyName": "border",
"baseClass": "LabelBorder",
"SelectorName": "e-border",
"aspSelectorName": "e-border",
"isCommon": "true",
"blazorClassName": "ChartAxisMultiLevelLabelBorder",
"blazorCommonClassName": "ChartCommonLabelBorder"
}
],
"reactComment": [
"/**",
" * `MultiLevelLabelDirective` directive represent a multilevellabel of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"tagDirective": [
{
"arrayDirectiveClassName": "Categories",
"directiveClassName": "Category",
"arrayDirectiveSelector": "e-multilevellabel>e-categories",
"directiveSelector": "e-multilevellabel>e-categories>e-category",
"aspArrayDirectiveSelector": "e-categories",
"aspDirectiveSelector": "e-category",
"directoryName": "chart",
"propertyName": "categories",
"baseClass": "MultiLevelCategories",
"comment": [
"/**",
" * MultiLevelLabels Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `CategoryDirective` directive represent a trendline of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
]
}
]
},
{
"arrayDirectiveClassName": "rows",
"directiveClassName": "row",
"propertyName": "rows",
"directoryName": "chart",
"baseClass": "Row",
"comment": [
"/**",
" * Row Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Row` directive represent a axis row of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "columns",
"directiveClassName": "column",
"propertyName": "columns",
"directoryName": "chart",
"baseClass": "Column",
"comment": [
"/**",
" * Column Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Column` directive represent a axis column of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "rangeColorSettings",
"directiveClassName": "rangeColorSetting",
"propertyName": "rangeColorSettings",
"directoryName": "chart",
"baseClass": "RangeColorSetting",
"comment": [
"/**",
" * RangeColorSetting Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `RangeColorSetting` directive represent range color mapping of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "annotations",
"directiveClassName": "annotation",
"propertyName": "annotations",
"directoryName": "chart",
"baseClass": "ChartAnnotationSettings",
"blazorContainerTemplates": ["content:contentTemplate"],
"complexDirective": [
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "ChartAnnotationSettingsAccessibility",
"aspBuilderName": "ChartAccessibility"
}
],
"comment": [
"/**",
" * Annotation Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Annotation` directive represent a annotation of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-annotation` directive represent a annotation of the VueJS Chart. ",
" * It must be contained in a Chart component(`ejs-chart`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"templateProperties": [
"content"
]
},
{
"arrayDirectiveClassName": "selectedDataIndexes",
"directiveClassName": "selectedDataIndex",
"propertyName": "selectedDataIndexes",
"directoryName": "chart",
"baseClass": "Indexes",
"comment": [
"/**",
" * Selected Data Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `SelectedDataIndex` directive represent the selected data in react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "Indicators",
"directiveClassName": "Indicator",
"arrayDirectiveSelector": "ej-chart>e-indicators",
"directiveSelector": "e-indicators>e-indicator",
"aspArrayDirectiveSelector": "e-indicators",
"aspDirectiveSelector": "e-indicator",
"propertyName": "indicators",
"directoryName": "chart",
"baseClass": "TechnicalIndicator",
"comment": [
"/**",
" * Indicator Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `IndicatorDirective` directive represent a indicator of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "animation",
"baseClass": "Animation",
"aspSelectorName": "e-indicator-animation",
"isCommon": "true",
"blazorClassName" : "ChartIndicatorAnimation",
"blazorCommonClassName" : "ChartCommonAnimation"
},
{
"propertyName": "macdLine",
"baseClass": "Connector",
"isCommon": "true",
"blazorClassName": "ChartIndicatorMacdLine",
"blazorCommonClassName": "ChartCommonConnector"
},
{
"propertyName": "upperLine",
"baseClass": "Connector",
"isCommon": "true",
"blazorClassName": "ChartIndicatorUpperLine",
"blazorCommonClassName": "ChartCommonConnector"
},
{
"propertyName": "lowerLine",
"baseClass": "Connector",
"isCommon": "true",
"blazorClassName": "ChartIndicatorLowerLine",
"blazorCommonClassName": "ChartCommonConnector"
},
{
"propertyName": "periodLine",
"baseClass": "Connector",
"isCommon": "true",
"blazorClassName": "ChartIndicatorPeriodLine",
"blazorCommonClassName": "ChartCommonConnector"
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "TechnicalIndicatorAccessibility",
"aspBuilderName": "ChartAccessibility"
}
]
}
],
"templateProperties": [
"tooltip.template"
]
},
{
"baseClass": "AccumulationChart",
"directoryName": "accumulation-chart",
"blazorPlaceholder": "accumulationchart",
"defaultTag": "",
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * AccumulationChart Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react AccumulationChart Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs AccumulationChart Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"dynamicModules": [
"PieSeries",
"FunnelSeries",
"PyramidSeries",
"AccumulationTooltip",
"AccumulationLegend",
"AccumulationSelection",
"AccumulationHighlight",
"AccumulationDataLabel",
"AccumulationAnnotation",
"Export"
],
"diModuleFiles": [
{
"fileName": "annotation"
},
{
"fileName": "dataLabel"
},
{
"fileName": "pie-series"
},
{
"fileName": "pyramid-series"
},
{
"fileName": "legend"
},
{
"fileName": "funnel-series"
},
{
"fileName": "selection"
},
{
"fileName": "tooltip"
}
],
"complexDirective": [
{
"propertyName": "titleStyle",
"baseClass": "TitleStyleSettings",
"SelectorName": "e-accumulationchart-titlestyle",
"aspSelectorName": "e-accumulationchart-titlestyle",
"isCommon": "true",
"blazorClassName": "AccumulationChartTitleStyle",
"blazorCommonClassName": "AccumulationChartCommonFont"
},
{
"propertyName": "subTitleStyle",
"baseClass": "TitleStyleSettings",
"isCommon": "true",
"aspClassName": "AccumulationChartSubTitleStyle",
"aspBuilderName": "AccumulationChartTitleStyleSettings"
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "AccumulationAccessibility",
"aspBuilderName": "AccumulationChartAccessibility"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"blazorClassName": "AccumulationChartMargin"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorClassName": "AccumulationChartBorder",
"blazorCommonClassName": "AccumulationChartCommonBorder"
},
{
"propertyName": "legendSettings",
"baseClass": "LegendSettings",
"aspSelectorName": "e-accumulationchart-legendsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorClassName": "AccumulationChartLegendBorder",
"blazorCommonClassName": "AccumulationChartCommonBorder"
},
{
"propertyName": "textStyle",
"baseClass": "Font",
"isCommon": "true",
"blazorClassName": "AccumulationChartLegendFont",
"blazorCommonClassName": "AccumulationChartCommonFont"
},
{
"propertyName": "location",
"baseClass": "Location"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"isCommon": "true",
"blazorClassName": "AccumulationChartLegendFont",
"blazorCommonClassName": "AccumulationChartCommonFont"
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true",
"aspClassName": "AccumulationChartLegendAccessibility",
"aspBuilderName": "AccumulationChartAccessibility"
}
]
},
{
"propertyName": "centerLabel",
"baseClass": "CenterLabel",
"aspSelectorName": "e-accumulationchart-centerLabel",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"isCommon": "true"
}
]
},
{
"propertyName": "tooltip",
"baseClass": "TooltipSettings",
"aspSelectorName": "e-accumulationchart-tooltipsettings",
"blazorTemplates": ["template"],
"blazorTemplateModels": {
"template" : "IAccumulationChartTemplate"
},
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"aspClassName": "AccumulationChartTooltipTextStyle",
"aspBuilderName": "AccumulationChartFont",
"isCommon": "true",
"blazorClassName": "AccumulationChartTooltipTextStyle",
"blazorCommonClassName": "AccumulationChartCommonFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "AccumulationChartTooltipBorder",
"aspBuilderName": "AccumulationChartBorder",
"isCommon": "true",
"blazorClassName" : "AccumulationChartTooltipBorder",
"blazorCommonClassName" : "AccumulationChartCommonBorder"
}
]
},
{
"propertyName": "center",
"baseClass": "PieCenter",
"aspClassName": "AccumulationChartCenter"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "AccumulationSeriesCollection",
"directiveClassName": "AccumulationSeries",
"arrayDirectiveSelector": "ej-accumulationchart>e-accumulation-series-collection",
"directiveSelector": "e-accumulation-series-collection>e-accumulation-series",
"aspArrayDirectiveSelector": "e-accumulation-series-collection",
"aspDirectiveSelector": "e-accumulation-series",
"propertyName": "series",
"directoryName": "accumulation-chart",
"baseClass": "AccumulationSeries",
"aspArrayClassName": "AccumulationSeries",
"blazorArrayClassName": "AccumulationChartSeriesCollection",
"blazorClassName": "AccumulationChartSeries",
"comment": [
"/**",
" * AccumulationSeries Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "dataLabel",
"baseClass": "AccumulationDataLabelSettings",
"aspClassName": "AccumulationDataLabelSettings",
"blazorTemplates": ["template"],
"blazorTemplateModels": {
"template" : "IAccumulationChartTemplate"
},
"complexDirective": [
{
"propertyName": "connectorStyle",
"baseClass": "Connector",
"selectorName": "e-connectorstyle",
"aspSelectorName": "e-connectorstyle"
},
{
"propertyName": "font",
"baseClass": "Font",
"selectorName": "e-font",
"aspSelectorName": "e-font",
"isCommon": "true",
"blazorClassName": "AccumulationChartDataLabelFont",
"blazorCommonClassName": "AccumulationChartCommonFont"
}
]
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorClassName": "AccumulationChartSeriesBorder",
"blazorCommonClassName": "AccumulationChartCommonBorder"
},
{
"propertyName": "emptyPointSettings",
"baseClass": "EmptyPointSettings"
},
{
"propertyName": "animation",
"baseClass": "Animation"
},
{
"propertyName": "accessibility",
"baseClass": "Accessibility",
"isCommon": "true"
}
],
"reactComment": [
"/**",
" * `AccumulationSeriesDirective` directive represent a series of the react AccumulationChart. ",
" * It must be contained in a Pie component(`AccumulationChart`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"templateProperties": [
"dataLabel.template"
]
},
{
"arrayDirectiveClassName": "AccumulationAnnotations",
"directiveClassName": "AccumulationAnnotation",
"arrayDirectiveSelector": "ej-accumulationchart>e-accumulation-annotations",
"directiveSelector": "e-accumulation-annotations>e-accumulation-annotation",
"propertyName": "annotations",
"directoryName": "accumulation-chart",
"baseClass": "AccumulationAnnotationSettings",
"aspArrayClassName": "AccumulationAnnotationSettings",
"blazorArrayClassName": "AccumulationChartAnnotations",
"blazorClassName": "AccumulationChartAnnotation",
"blazorContainerTemplates": ["content:contentTemplate"],
"comment": [
"/**",
" * AccumulationAnnotations Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `AccumulationAnnotationsDirective` directive represent a annotation of the react AccumulationChart.",
" * It must be contained in a Pie component(`AccumulationChart`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"templateProperties": [
"content"
]
}
],
"templateProperties": [
"tooltip.template"
]
},
{
"baseClass": "RangeNavigator",
"directoryName": "range-navigator",
"blazorPlaceholder": "rangenavigator",
"defaultTag": "",
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * RangeNavigator Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react RangeNavigator Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs RangeNavigator Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "labelStyle",
"baseClass": "Font",
"SelectorName": "e-rangenavigator-labelstyle",
"isCommon": "true",
"blazorClassName": "RangeNavigatorLabelStyle",
"blazorCommonClassName": "RangeNavigatorCommonFont"
},
{
"propertyName": "tooltip",
"baseClass": "RangeTooltipSettings",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"isCommon": "true",
"blazorClassName": "RangeNavigatorTooltipTextStyle",
"blazorCommonClassName": "RangeNavigatorCommonFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorClassName" : "RangeNavigatorTooltipBorder",
"blazorCommonClassName" : "RangeNavigatorCommonBorder"
}
]
},
{
"propertyName": "majorGridLines",
"baseClass": "MajorGridLines",
"SelectorName": "e-rangenavigator-majorgridlines"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-rangenavigator-majorticklines"
},
{
"propertyName": "navigatorStyleSettings",
"baseClass": "StyleSettings",
"SelectorName": "e-rangenavigator-navigatorstylesettings",
"complexDirective": [
{
"propertyName": "thumb",
"baseClass": "ThumbSettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorClassName": "RangeNavigatorThumbBorder",
"blazorCommonClassName": "RangeNavigatorCommonBorder"
}
]
}
]
},
{
"propertyName": "navigatorBorder",
"baseClass": "Border",
"SelectorName": "e-rangenavigator-navigatorborder"
},
{
"propertyName": "margin",
"baseClass": "Margin"
},
{
"propertyName": "periodSelectorSettings",
"baseClass": "PeriodSelectorSettings",
"SelectorName": "e-rangenavigator-periodselectorsettings",
"aspSelectorName": "e-rangenavigator-periodselectorsettings",
"tagDirective": [
{
"arrayDirectiveClassName": "periods",
"directiveClassName": "Period",
"arrayDirectiveSelector": "e-rangenavigator-periodselectorsettings>e-periods",
"aspArrayDirectiveSelector": "e-periods",
"directiveSelector": "e-rangenavigator-periodselectorsettings>e-periods>e-period",
"aspDirectiveSelector": "e-period",
"propertyName": "periods",
"directoryName": "range-navigator",
"baseClass": "Periods",
"comment": [
"/**",
" * Periods Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
]
}
],
"blazorDynamicModules": [
"RangeTooltip"
],
"blazorCommonModules": [
"sf.charts.DateTime",
"sf.charts.AreaSeries",
"sf.charts.StepLineSeries",
"sf.charts.Logarithmic"
],
"dynamicModules": [
"RangeTooltip",
"PeriodSelector",
"AreaSeries",
"StepLineSeries",
"DateTime",
"Logarithmic",
"Export",
"DateTimeCategory"
],
"diModuleFiles": [
{
"fileName": "tooltip"
},
{
"fileName": "period-selector"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "RangenavigatorSeriesCollection",
"directiveClassName": "RangenavigatorSeries",
"arrayDirectiveSelector": "ej-rangenavigator>e-rangenavigator-series-collection",
"directiveSelector": "e-rangenavigator-series-collection>e-rangenavigator-series",
"propertyName": "series",
"directoryName": "range-navigator",
"baseClass": "RangeNavigatorSeries",
"blazorArrayClassName": "RangeNavigatorSeriesCollection",
"blazorClassName": "RangeNavigatorSeries",
"complexDirective": [
{
"propertyName": "animation",
"baseClass": "Animation",
"aspSelectorName": "e-rangenavigator-series-animation"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspSelectorName": "e-rangenavigator-series-border",
"isCommon": "true",
"blazorClassName": "RangeNavigatorSeriesBorder",
"blazorCommonClassName": "RangeNavigatorCommonBorder"
}
],
"comment": [
"/**",
" * RangenavigatorSeries Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `rangenavigatorSeriesDirective` directive represent a series of the react AccumulationChart. ",
" * It must be contained in a Rangenavigator component(`Rangenavigator`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
],
"templateProperties": [
"tooltip.template"
]
},
{
"baseClass": "Sparkline",
"directoryName": "sparkline",
"blazorPlaceholder": "sparkline",
"type": "simple",
"defaultTag": "",
"twoWays": [],
"isGenericClass": true,
"comment": [
"/**",
" * Sparkline Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react Sparkline Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs Sparkline Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"dynamicModules": [
"SparklineTooltip"
],
"complexDirective": [
{
"propertyName": "tooltipSettings",
"baseClass": "SparklineTooltipSettings",
"blazorTemplates": ["template:tooltipTemplate"],
"blazorTemplateModels": {
"tooltipTemplate": "ITooltipTemplateValue"
},
"complexDirective": [
{
"propertyName": "trackLineSettings",
"baseClass": "TrackLineSettings",
"isCommon": true,
"blazorCommonClassName": "TooltipTracklineSettings"
}, {
"propertyName": "textStyle",
"baseClass": "SparklineFont",
"isCommon": true,
"blazorCommonClassName": "SparklineFontSettings",
"blazorClassName": "SparklineTooltipTextStyle"
},
{
"propertyName": "border",
"baseClass": "SparklineBorder",
"isCommon": true,
"blazorCommonClassName": "SparklineBorderSettings",
"blazorClassName": "SparklineTooltipBorder"
}
]
},
{
"propertyName": "containerArea",
"baseClass": "ContainerArea"
},
{
"propertyName": "axisSettings",
"baseClass": "AxisSettings",
"complexDirective": [
{
"propertyName": "lineSettings",
"baseClass": "LineSettings",
"blazorClassName": "SparklineAxisLineSettings"
}
]
},
{
"propertyName": "markerSettings",
"baseClass": "SparklineMarkerSettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "SparklineBorder",
"isCommon": true,
"blazorCommonClassName": "SparklineBorderSettings",
"blazorClassName":"SparklineMarkerBorder"
}
]
},
{
"propertyName": "dataLabelSettings",
"baseClass": "SparklineDataLabelSettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "SparklineBorder",
"isCommon": true,
"blazorCommonClassName": "SparklineBorderSettings",
"blazorClassName":"SparklineDataLabelBorder"
},
{
"propertyName": "offset",
"baseClass": "LabelOffset",
"blazorClassName": "SparklineDataLabelOffset"
},
{
"propertyName": "textStyle",
"baseClass": "SparklineFont"
}
]
},
{
"propertyName": "padding",
"baseClass": "Padding"
},
{
"propertyName": "border",
"baseClass": "SparklineBorder",
"isCommon": true,
"blazorCommonClassName": "SparklineBorderSettings",
"blazorClassName":"SparklineBorder"
},
{
"propertyName": "containerArea",
"baseClass": "ContainerArea",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "SparklineBorder",
"isCommon": true,
"blazorCommonClassName": "SparklineBorderSettings",
"blazorClassName":"SparklineContainerAreaBorder"
}
]
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "RangeBandSettings",
"directiveClassName": "RangeBandSetting",
"arrayDirectiveSelector": "ejs-sparkline>e-rangeBandSettings",
"directiveSelector": "e-rangeBandSettings>e-rangeBandSetting",
"propertyName": "rangeBandSettings",
"directoryName": "sparkline",
"baseClass": "RangeBandSettings",
"blazorClassName": "SparklineRangeBand",
"blazorArrayClassName": "SparklineRangeBandSettings"
}
]
},
{
"baseClass": "Smithchart",
"directoryName": "smithchart",
"blazorPlaceholder": "smithchart",
"defaultTag": "",
"type": "simple",
"twoWays": [],
"comment": [
"/**",
" * Smithchart Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react Smithchart Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs Smithchart Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"dynamicModules": [
"SmithchartLegend",
"TooltipRender"
],
"complexDirective": [
{
"propertyName": "margin",
"baseClass": "SmithchartMargin"
},
{
"propertyName": "font",
"baseClass": "SmithchartFont"
},
{
"propertyName": "border",
"baseClass": "SmithchartBorder"
},
{
"propertyName": "title",
"baseClass": "Title",
"complexDirective": [
{
"propertyName": "subtitle",
"baseClass": "Subtitle",
"blazorClassName": "SmithchartSubtitle",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "SmithchartFont",
"SelectorName": "e-smithchart-subtitle-font",
"aspSelectorName": "e-smithchart-subtitle-font",
"isCommon": true,
"blazorCommonClassName": "SmithchartFontSettings",
"blazorClassName": "SmithchartSubtitleTextStyle"
}
]
},
{
"propertyName": "font",
"baseClass": "SmithchartFont",
"isCommon": true,
"blazorCommonClassName": "SmithchartFontSettings",
"blazorClassName": "SmithchartTitleFont"
}
]
},
{
"propertyName": "legendSettings",
"baseClass": "SmithchartLegendSettings",
"complexDirective": [
{
"propertyName": "title",
"baseClass": "LegendTitle",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "SmithchartFont",
"isCommon": true,
"blazorCommonClassName": "SmithchartFontSettings",
"blazorClassName": "SmithchartLegendTitleTextStyle"
}
]
},
{
"propertyName": "location",
"baseClass": "LegendLocation"
},
{
"propertyName": "itemStyle",
"baseClass": "LegendItemStyle"
},
{
"propertyName": "border",
"baseClass": "LegendBorder"
}
]
},
{
"propertyName": "horizontalAxis",
"baseClass": "SmithchartAxis",
"blazorClassName": "SmithchartHorizontalAxis",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "SmithchartMajorGridLines",
"isCommon": true,
"blazorCommonClassName": "MajorGridLineSettings",
"blazorClassName": "SmithchartHorizontalMajorGridLines"
},
{
"propertyName": "minorGridLines",
"baseClass": "SmithchartMinorGridLines",
"isCommon": true,
"blazorCommonClassName": "MinorGridLineSettings",
"blazorClassName": "SmithchartHorizontalMinorGridLines"
},
{
"propertyName": "axisLine",
"baseClass": "SmithchartAxisLine",
"isCommon": true,
"blazorCommonClassName": "AxisLineSettings",
"blazorClassName": "SmithchartHorizontalAxisLine"
},
{
"propertyName": "labelStyle",
"baseClass": "SmithchartFont",
"isCommon": true,
"blazorCommonClassName": "SmithchartFontSettings",
"blazorClassName": "SmithchartHorizontalAxisLabelStyle"
}
]
},
{
"propertyName": "radialAxis",
"baseClass": "SmithchartAxis",
"blazorClassName": "SmithchartRadialAxis",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "SmithchartMajorGridLines",
"isCommon": true,
"blazorCommonClassName": "MajorGridLineSettings",
"blazorClassName": "SmithchartRadialMajorGridLines"
},
{
"propertyName": "minorGridLines",
"baseClass": "SmithchartMinorGridLines",
"isCommon": true,
"blazorCommonClassName": "MinorGridLineSettings",
"blazorClassName": "SmithchartRadialMinorGridLines"
},
{
"propertyName": "axisLine",
"baseClass": "SmithchartAxisLine",
"isCommon": true,
"blazorCommonClassName": "AxisLineSettings",
"blazorClassName": "SmithchartRadialAxisLine"
},
{
"propertyName": "labelStyle",
"baseClass": "SmithchartFont",
"isCommon": true,
"blazorCommonClassName": "SmithchartFontSettings",
"blazorClassName": "SmithchartRadialAxisLabelStyle"
}
]
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "SmithchartSeriesCollection",
"directiveClassName": "SmithchartSeries",
"arrayDirectiveSelector": "ejs-smithchart>e-seriesCollection",
"directiveSelector": "e-seriesCollection>e-series",
"propertyName": "series",
"directoryName": "smithchart",
"baseClass": "SmithchartSeries",
"complexDirective": [
{
"propertyName": "marker",
"baseClass": "SeriesMarker",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "SeriesMarkerBorder",
"SelectorName": "e-series-marker-border",
"aspSelectorName": "e-series-marker-border",
"isCommon": true,
"blazorCommonClassName": "MarkerBorder"
},
{
"propertyName": "dataLabel",
"baseClass": "SeriesMarkerDataLabel",
"SelectorName": "e-series-marker-datalabel",
"aspSelectorName": "e-series-marker-datalabel",
"isCommon": true,
"blazorCommonClassName": "MarkerDatalabel",
"blazorClassName": "SmithchartSeriesDatalabel",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "SeriesMarkerDataLabelBorder",
"SelectorName": "e-series-datalabel-border",
"aspSelectorName": "e-series-datalabel-border",
"isCommon": true,
"blazorCommonClassName": "DatalabelBorder",
"blazorClassName": "SmithchartSeriesDataLabelBorder"
},
{
"propertyName": "connectorLine",
"baseClass": "SeriesMarkerDataLabelConnectorLine",
"SelectorName": "e-series-datalabel-connectorline",
"aspSelectorName": "e-series-datalabel-connectorline",
"isCommon": true,
"blazorCommonClassName": "DatalabelConnectorLine",
"blazorClassName": "SmithchartDataLabelConnectorLine"
}
]
}
]
},
{
"propertyName": "tooltip",
"baseClass": "SeriesTooltip",
"blazorTemplates": ["template:tooltipTemplate"],
"blazorTemplateModels": {
"tooltipTemplate": "ITooltipTemplateValue"
},
"complexDirective": [
{
"propertyName": "border",
"baseClass": "SeriesTooltipBorder",
"SelectorName": "e-series-tooltip-border",
"aspSelectorName": "e-series-tooltip-border",
"isCommon": true,
"blazorCommonClassName": "TooltipBorder"
}
]
}
]
}
]
},
{
"baseClass": "StockChart",
"directoryName": "stock-chart",
"blazorPlaceholder": "stockchart",
"defaultTag": "",
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * Stock Chart Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react Chart Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs chart Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"blazorDynamicModules": [],
"blazorCommonModules": [
"sf.charts.LineSeries",
"sf.charts.ColumnSeries",
"sf.charts.SplineSeries",
"sf.charts.SplineAreaSeries",
"sf.charts.StripLine",
"sf.charts.AreaSeries",
"sf.charts.Tooltip",
"sf.charts.Crosshair",
"sf.charts.DateTime",
"sf.charts.Zoom",
"sf.charts.DataLabel",
"sf.charts.Selection",
"sf.charts.ChartAnnotation",
"sf.charts.HiloSeries",
"sf.charts.HiloOpenCloseSeries",
"sf.charts.CandleSeries",
"sf.charts.SmaIndicator",
"sf.charts.TmaIndicator",
"sf.charts.EmaIndicator",
"sf.charts.AccumulationDistributionIndicator",
"sf.charts.MacdIndicator",
"sf.charts.AtrIndicator",
"sf.charts.RsiIndicator",
"sf.charts.MomentumIndicator",
"sf.charts.StochasticIndicator",
"sf.charts.BollingerBands",
"sf.charts.Trendlines",
"sf.charts.RangeTooltip",
"sf.charts.Export"
],
"dynamicModules": [
"LineSeries",
"ColumnSeries",
"SplineSeries",
"SplineAreaSeries",
"StripLine",
"AreaSeries",
"RangeAreaSeries",
"Tooltip",
"Crosshair",
"DateTime",
"Zoom",
"DataLabel",
"Selection",
"ChartAnnotation",
"HiloSeries",
"HiloOpenCloseSeries",
"CandleSeries",
"SmaIndicator",
"TmaIndicator",
"EmaIndicator",
"AccumulationDistributionIndicator",
"MacdIndicator",
"AtrIndicator",
"RsiIndicator",
"MomentumIndicator",
"StochasticIndicator",
"BollingerBands",
"Trendlines",
"RangeTooltip",
"Export",
"StockLegend",
"DateTimeCategory"
],
"complexDirective": [
{
"propertyName": "primaryXAxis",
"baseClass": "StockChartAxis",
"aspClassName": "StockChartPrimaryXAxis",
"SelectorName": "e-stockchart-primaryxaxis",
"aspSelectorName": "e-stockchart-primaryxaxis",
"aspBuilderName": "StockChartStockChartAxis",
"isCommon": true,
"blazorCommonClassName": "StockChartCommonAxis",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "MajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"aspBuilderName": "StockChartMajorGridLines",
"aspClassName": "StockChartPrimaryXAxisMajorGridLines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMajorGridLines",
"blazorClassName": "StockChartAxisMajorGridLines"
},
{
"propertyName": "minorGridLines",
"baseClass": "MinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"aspBuilderName": "StockChartMinorGridLines",
"aspClassName": "StockChartPrimaryXAxisMinorGridLines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMinorGridLines",
"blazorClassName": "StockChartAxisMinorGridLines"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"aspBuilderName": "StockChartMajorTickLines",
"aspClassName": "StockChartPrimaryXAxisMajorTickLines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMajorTickLines",
"blazorClassName": "StockChartAxisMajorTickLines"
},
{
"propertyName": "minorTickLines",
"baseClass": "MinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"aspBuilderName": "StockChartMajorTickLines",
"aspClassName": "StockChartPrimaryXAxisMinorTickLines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMinorTickLines",
"blazorClassName": "StockChartAxisMinorTickLines"
},
{
"propertyName": "lineStyle",
"baseClass": "AxisLine",
"SelectorName": "e-linestyle",
"aspSelectorName": "e-linestyle",
"aspClassName": "StockChartPrimaryXAxisLineStyle",
"aspBuilderName": "StockChartAxisLine",
"isCommon": "true",
"blazorCommonClassName": "StockChartAxisLine",
"blazorClassName": "StockChartAxisLineStyle"
},
{
"propertyName": "crosshairTooltip",
"baseClass": "CrosshairTooltip",
"SelectorName": "e-crosshairtooltip",
"aspSelectorName": "e-crosshairtooltip",
"aspClassName": "StockChartPrimaryXAxisCrosshairTooltip",
"aspBuilderName": "StockChartCrosshairTooltip",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonCrosshairTooltip",
"blazorClassName": "StockChartAxisCrosshairTooltip"
},
{
"propertyName": "labelStyle",
"baseClass": "Font",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"aspClassName": "StockChartPrimaryXAxisLabelFont",
"aspBuilderName": "StockChartFont",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonFont",
"blazorClassName": "StockChartAxisLabelStyle"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"SelectorName": "e-titlestyle",
"aspSelectorName": "e-titlestyle",
"aspClassName": "StockChartPrimaryXAxisTitleStyle",
"aspBuilderName": "StockChartFont",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonFont",
"blazorClassName": "StockChartAxisTitleStyle"
}
]
},
{
"propertyName": "primaryYAxis",
"baseClass": "StockChartAxis",
"aspClassName": "StockChartPrimaryYAxis",
"SelectorName": "e-stockchart-primaryyaxis",
"aspSelectorName": "e-stockchart-primaryyaxis",
"aspBuilderName": "StockChartStockChartAxis",
"isCommon": true,
"blazorCommonClassName": "StockChartCommonAxis",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "MajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"aspBuilderName": "StockChartMajorGridLines",
"aspClassName": "StockChartPrimaryYAxisMajorGridLines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMajorGridLines",
"blazorClassName": "StockChartAxisMajorGridLines"
},
{
"propertyName": "minorGridLines",
"baseClass": "MinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"aspBuilderName": "StockChartMinorGridLines",
"aspClassName": "StockChartPrimaryYAxisMinorGridLines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMinorGridLines",
"blazorClassName": "StockChartAxisMinorGridLines"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"aspBuilderName": "StockChartMajorTickLines",
"aspClassName": "StockChartPrimaryYAxisMajorTickLines" ,
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMajorTickLines",
"blazorClassName": "StockChartAxisMajorTickLines"
},
{
"propertyName": "minorTickLines",
"baseClass": "MinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"aspBuilderName": "StockChartMinorTickLines",
"aspClassName": "StockChartPrimaryYAxisMinorTickLines" ,
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMinorTickLines" ,
"blazorClassName": "StockChartAxisMinorTickLines"
},
{
"propertyName": "lineStyle",
"baseClass": "AxisLine",
"SelectorName": "e-linestyle",
"aspSelectorName": "e-linestyle",
"aspClassName": "StockChartPrimaryYAxisLineStyle",
"aspBuilderName": "StockChartAxisLine",
"isCommon": "true",
"blazorCommonClassName": "StockChartAxisLine",
"blazorClassName": "StockChartAxisLineStyle"
},
{
"propertyName": "crosshairTooltip",
"baseClass": "CrosshairTooltip",
"SelectorName": "e-crosshairtooltip",
"aspSelectorName": "e-crosshairtooltip",
"aspClassName": "StockChartPrimaryYAxisCrosshairTooltip",
"aspBuilderName": "StockChartCrosshairTooltip",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonCrosshairTooltip",
"blazorClassName": "StockChartAxisCrosshairTooltip"
},
{
"propertyName": "labelStyle",
"baseClass": "Font",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"aspClassName": "StockChartPrimaryYAxisLabelFont",
"aspBuilderName": "StockChartFont",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonFont",
"blazorClassName": "StockChartAxisLabelStyle"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"SelectorName": "e-titlestyle",
"aspSelectorName": "e-titlestyle",
"aspClassName": "StockChartPrimaryYAxisTitleStyle",
"aspBuilderName": "StockChartFont" ,
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonFont",
"blazorClassName": "StockChartAxisTitleStyle"
}
]
},
{
"propertyName": "tooltip",
"baseClass": "StockTooltipSettings",
"SelectorName": "e-stockchart-tooltipsettings",
"aspSelectorName": "e-stockchart-tooltipsettings",
"blazorTemplates": ["template"],
"blazorTemplateModels": {
"template" : "IChartTemplate"
},
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"isCommon": "true",
"blazorClassName": "StockChartTooltipTextStyle",
"blazorCommonClassName": "StockChartCommonFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"blazorClassName" : "StockChartTooltipBorder",
"blazorCommonClassName" : "StockChartCommonBorder"
}
]
},
{
"propertyName": "margin",
"baseClass": "Margin",
"aspClassName": "StockChartChartMargin" ,
"aspBuilderName": "StockChartMargin"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "StockChartChartBorder",
"aspBuilderName": "StockChartBorder"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"SelectorName": "e-stockchart-titlestyle",
"aspSelectorName": "e-stockchart-titlestyle",
"aspClassName": "StockChartTitleStyle",
"aspBuilderName": "StockChartFont"
},
{
"propertyName": "chartArea",
"baseClass": "ChartArea",
"aspClassName": "StockChartChartArea" ,
"aspBuilderName": "StockChartChartArea",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "StockChartChartAreaBorder",
"aspBuilderName": "StockChartBorder",
"SelectorName": "e-stockchartarea-border",
"aspSelectorName": "e-stockchartarea-border"
}
]
},
{
"propertyName": "crosshair",
"baseClass": "CrosshairSettings",
"SelectorName": "e-stockchart-crosshairsettings",
"aspSelectorName": "e-stockchart-crosshairsettings",
"complexDirective": [
{
"propertyName": "line",
"baseClass": "Border",
"aspClassName": "StockChartCrosshairLine",
"aspBuilderName": "StockChartBorder"
}
]
},
{
"propertyName": "zoomSettings",
"baseClass": "ZoomSettings",
"SelectorName": "e-stockchart-zoomsettings",
"aspSelectorName": "e-stockchart-zoomsettings"
},
{
"propertyName": "legendSettings",
"baseClass": "StockChartLegendSettings",
"SelectorName": "e-stockchart-legendsettings",
"aspSelectorName": "e-stockchart-legendsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"aspClassName": "StockChartLegendBorder",
"aspBuilderName": "StockChartBorder"
},
{
"propertyName": "textStyle",
"baseClass": "Font",
"isCommon": "true",
"aspClassName": "StockChartLegendTextStyle",
"aspBuilderName": "StockChartFont"
},
{
"propertyName": "location",
"baseClass": "Location"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"isCommon": "true",
"aspClassName": "StockChartLegendTitleStyle",
"aspBuilderName": "StockChartFont"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true"
},
{
"propertyName": "containerPadding",
"baseClass": "ContainerPadding",
"isCommon": "true"
}
]
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "StockChartSeriesCollection",
"directiveClassName": "StockChartSeries",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-series-collection",
"directiveSelector": "e-stockchart-series-collection>e-stockchart-series",
"propertyName": "series",
"directoryName": "stock-chart",
"baseClass": "StockSeries",
"aspArrayDirectiveSelector": "e-stockchart-series-collection",
"aspDirectiveSelector": "e-stockchart-series",
"comment": [
"/**",
" * Series Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "marker",
"baseClass": "MarkerSettings",
"SelectorName": "e-stockchart-series-marker",
"aspSelectorName": "e-stockchart-series-marker",
"aspClassName": "StockChartSeriesMarker",
"aspBuilderName": "StockChartMarkerSettings",
"complexDirective": [
{
"propertyName": "dataLabel",
"baseClass": "DataLabelSettings",
"aspClassName": "StockChartDataLabel",
"SelectorName": "e-series-datalabel",
"aspSelectorName": "e-series-datalabel",
"complexDirective": [
{
"propertyName": "font",
"baseClass": "Font",
"selectorName": "e-stock-font",
"aspSelectorName": "e-stock-font"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "StockChartDatalabelBorder",
"selectorName": "e-stock-border",
"aspBuilderName": "StockChartBorder"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"selectorName": "e-stock-margin",
"aspSelectorName": "e-stock-margin",
"aspClassName": "StockChartMargin",
"aspBuilderName": "StockChartMargin"
}
]
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-marker-border",
"aspSelectorName": "e-marker-border",
"aspClassName": "StockChartMarkerBorder",
"aspBuilderName": "StockChartBorder"
}
]
},
{
"propertyName": "animation",
"baseClass": "Animation",
"SelectorName": "e-series-animation",
"aspSelectorName": "e-series-animation",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonAnimation",
"blazorClassName": "StockChartSeriesAnimation"
},
{
"propertyName": "emptyPointSettings",
"baseClass": "EmptyPointSettings",
"SelectorName": "e-series-emptypointsettings",
"aspSelectorName": "e-series-emptypointsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "StockChartEmptyPointBorder",
"aspBuilderName": "StockChartBorder"
}
]
},
{
"propertyName": "cornerRadius",
"baseClass": "CornerRadius",
"SelectorName": "e-series-cornerradius",
"aspSelectorName": "e-series-cornerradius"
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-series-border",
"aspSelectorName": "e-series-border",
"aspClassName": "StockChartSeriesBorder",
"aspBuilderName": "StockChartBorder"
}
],
"reactComment": [
"/**",
" * `SeriesDirective` directive represent a series of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"tagDirective": [
{
"arrayDirectiveClassName": "StockChartTrendlines",
"directiveClassName": "StockChartTrendline",
"arrayDirectiveSelector": "e-stockchart-series>e-trendlines",
"directiveSelector": "e-stockchart-series>e-trendlines>e-trendline",
"aspArrayClassName": "StockChartTrendlines",
"aspDrrayDirectiveSelector": "e-trendlines",
"aspDirectiveSelector": "e-trendline",
"directoryName": "stock-chart",
"propertyName": "trendlines",
"baseClass": "StockChartTrendline",
"complexDirective": [
{
"propertyName": "marker",
"baseClass": "MarkerSettings",
"SelectorName": "e-stock-trendline-marker",
"aspSelectorName": "e-stock-trendline-marker",
"complexDirective": [
{
"propertyName": "dataLabel",
"baseClass": "DataLabelSettings",
"SelectorName": "e-trendline-datalabel",
"aspSelectorName": "e-trendline-datalabel"
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-marker-border",
"aspSelectorName": "e-marker-border"
}
]
}
],
"comment": [
"/**",
" * Series Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `TrendlineDirective` directive represent a trendline of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
]
},
{
"arrayDirectiveClassName": "StockChartAxes",
"directiveClassName": "StockChartAxis",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-axes",
"directiveSelector": "e-stockchart-axes>e-stockchart-axis",
"aspArrayDirectiveSelector": "e-stockchart-axes",
"aspDirectiveSelector": "e-stockchart-axis",
"propertyName": "axes",
"directoryName": "stock-chart",
"baseClass": "StockChartAxis",
"aspBuilderName": "StockChartStockChartAxis",
"comment": [
"/**",
" * Axis Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Axis` directive represent a axis row of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "MajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMajorGridLines",
"blazorClassName": "StockChartAxisMajorGridLines"
},
{
"propertyName": "minorGridLines",
"baseClass": "MinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMinorGridLines",
"blazorClassName": "StockChartAxisMinorGridLines"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMajorTickLines",
"blazorClassName": "StockChartAxisMajorTickLines"
},
{
"propertyName": "minorTickLines",
"baseClass": "MinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonMinorTickLines",
"blazorClassName": "StockChartAxisMinorTickLines"
},
{
"propertyName": "lineStyle",
"baseClass": "AxisLine",
"SelectorName": "e-linestyle",
"aspSelectorName": "e-linestyle",
"isCommon": "true",
"blazorCommonClassName": "StockChartAxisLine",
"blazorClassName": "StockChartAxisLineStyle"
},
{
"propertyName": "crosshairTooltip",
"baseClass": "CrosshairTooltip",
"SelectorName": "e-crosshairtooltip",
"aspSelectorName": "e-crosshairtooltip",
"isCommon": "true",
"blazorCommonClassName": "StockChartCrosshairTooltip",
"blazorClassName": "StockChartAxisCrosshairTooltip"
},
{
"propertyName": "labelStyle",
"baseClass": "Font",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonFont",
"blazorClassName": "StockChartAxisLabelStyle"
}
]
},
{
"arrayDirectiveClassName": "StockChartRows",
"directiveClassName": "StockChartRow",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-rows",
"directiveSelector": "e-stockchart-rows>e-striplines>e-stockchart-row",
"aspArrayDirectiveSelector": "e-stockchart-rows",
"aspDirectiveSelector": "e-stockchart-row",
"propertyName": "rows",
"directoryName": "stock-chart",
"baseClass": "StockChartRow",
"comment": [
"/**",
" * Row Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Row` directive represent a axis row of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "StockChartAnnotations",
"directiveClassName": "StockChartAnnotation",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-annotations",
"directiveSelector": "ejs-stockchart-annotations>e-stockchart-annotation",
"aspArrayDirectiveSelector": "e-stockchart-annotations",
"aspDirectiveSelector": "e-stockchart-annotation",
"aspArrayClassName": "StockChartAnnotationSettings",
"propertyName": "annotations",
"directoryName": "stock-chart",
"baseClass": "StockChartAnnotationSettings",
"blazorArrayClassName": "StockChartAnnotations",
"blazorClassName": "StockChartAnnotation",
"blazorContainerTemplates": ["content:contentTemplate"],
"comment": [
"/**",
" * Annotation Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Annotation` directive represent a annotation of the react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * `e-annotation` directive represent a annotation of the VueJS Chart. ",
" * It must be contained in a Chart component(`ejs-chart`). ",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"templateProperties": [
"content"
]
},
{
"arrayDirectiveClassName": "StockChartSelectedDataIndexes",
"directiveClassName": "StockChartSelectedDataIndex",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-selectedDataIndexes",
"directiveSelector": "ejs-stockchart-selectedDataIndexes>e-stockchart-selectedDataIndex",
"propertyName": "selectedDataIndexes",
"directoryName": "stock-chart",
"baseClass": "StockChartIndexes",
"comment": [
"/**",
" * Selected Data Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `SelectedDataIndex` directive represent the selected data in react Chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "StockChartPeriods",
"directiveClassName": "StockChartPeriod",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-periods",
"directiveSelector": "e-stockchart-indicators>e-stockchart-period",
"propertyName": "periods",
"directoryName": "stock-chart",
"baseClass":"Periods",
"comment": [
"/**",
" * Indicator Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `IndicatorDirective` directive represent a indicator of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "StockEvents",
"directiveClassName": "StockEvent",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-stockevents",
"directiveSelector": "e-stockchart-indicators>e-stockchart-stockevent",
"propertyName": "stockEvents",
"directoryName": "stock-chart",
"baseClass":"StockEventsSettings",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"SelectorName": "e-textstyle",
"aspSelectorName": "e-textstyle",
"aspClassName": "StockChartStockEventsTextStyle",
"aspBuilderName": "StockChartFont"
},
{
"propertyName": "border",
"baseClass": "Border",
"SelectorName": "e-border",
"aspSelectorName": "e-border",
"aspClassName": "StockChartStockEventsBorder",
"aspBuilderName": "StockChartBorder"
}
],
"comment": [
"/**",
" * StockEvents",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `StockChartStockEvents` directive represent a stockevent of the react chart. ",
" * It must be contained in a Chart component(`StockChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "StockChartIndicators",
"directiveClassName": "StockChartIndicator",
"arrayDirectiveSelector": "ejs-stockchart>e-stockchart-indicators",
"directiveSelector": "e-stockchart-indicators>e-stockchart-indicator",
"aspArrayDirectiveSelector": "e-stockchart-indicators",
"aspDirectiveSelector": "e-stockchart-indicator",
"propertyName": "indicators",
"directoryName": "stock-chart",
"baseClass": "StockChartIndicator",
"comment": [
"/**",
" * Indicator Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `IndicatorDirective` directive represent a indicator of the react chart. ",
" * It must be contained in a Chart component(`ChartComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "animation",
"baseClass": "Animation",
"aspSelectorName": "e-indicator-animation",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonAnimation",
"blazorClassName": "StockChartIndicatorAnimation"
},
{
"propertyName": "macdLine",
"baseClass": "Connector",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonConnector",
"blazorClassName": "StockChartMacdLine"
},
{
"propertyName": "upperLine",
"baseClass": "Connector",
"aspBuilderName": "StockChartConnector",
"aspClassName": "StockChartUpperLine" ,
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonConnector"
},
{
"propertyName": "lowerLine",
"baseClass": "Connector",
"aspBuilderName": "StockChartConnector",
"aspClassName": "StockChartLowerLine",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonConnector"
},
{
"propertyName": "periodLine",
"baseClass": "Connector",
"aspClassName": "StockChartPeriodLine",
"aspBuilderName": "StockChartConnector",
"isCommon": "true",
"blazorCommonClassName": "StockChartCommonConnector"
}
]
}
],
"templateProperties": [
"tooltip.template"
]
},
{
"baseClass": "BulletChart",
"directoryName": "bullet-chart",
"blazorPlaceholder": "bulletchart",
"defaultTag": "",
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * BulletChart Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react BulletChart Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs BulletChart Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"dynamicModules": [
"BulletTooltip",
"BulletChartLegend"
],
"diModuleFiles": [
{
"fileName": "annotation"
},
{
"fileName": "bullet-axis"
},
{
"fileName": "scale-render"
},
{
"fileName": "tooltip"
},
{
"fileName": "legend"
}
],
"complexDirective": [
{
"propertyName": "titleStyle",
"baseClass": "BulletLabelStyle",
"SelectorName": "e-bulletchart-titlestyle",
"aspSelectorName": "e-bulletchart-titlestyle",
"blazorClassName": "BulletChartTitleStyle",
"isCommon": "true",
"blazorCommonClassName": "BulletChartCommonFont"
},
{
"propertyName": "subtitleStyle",
"baseClass": "BulletLabelStyle",
"SelectorName": "e-bulletchart-subtitlestyle",
"aspSelectorName": "e-bulletchart-subtitlestyle",
"blazorClassName": "BulletChartSubTitleStyle",
"isCommon": "true",
"blazorCommonClassName": "BulletChartCommonFont"
},
{
"propertyName": "categoryLabelStyle",
"baseClass": "BulletLabelStyle",
"SelectorName": "e-bulletchart-categorylabelstyle",
"aspSelectorName": "e-bulletchart-categorylabelstyle",
"blazorClassName": "BulletChartCategoryLabelStyle",
"isCommon": "true",
"blazorCommonClassName": "BulletChartCommonFont"
},
{
"propertyName": "legendSettings",
"baseClass": "BulletChartLegendSettings",
"aspSelectorName": "e-bulletchart-legendsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"aspBuilderName": "BulletChartBorder",
"isCommon": "true",
"blazorClassName": "BulletChartLegendBorder",
"blazorCommonClassName": "BulletChartCommonBorder"
},
{
"propertyName": "textStyle",
"baseClass": "BulletLabelStyle",
"aspClassName": "BulletChartLegendTextStyle",
"aspBuilderName": "BulletChartBulletLabelStyle",
"isCommon": "true",
"blazorClassName": "BulletChartLegendTextStyle",
"blazorCommonClassName": "BulletChartCommonFont"
},
{
"propertyName": "location",
"baseClass": "Location"
}
]
},
{
"propertyName": "valueBorder",
"baseClass": "Border",
"aspClassName": "BulletChartValueBorder",
"aspBuilderName": "BulletChartBorder",
"SelectorName": "e-bulletchart-valueborder",
"aspSelectorName": "e-bulletchart-valueborder",
"blazorClassName": "BulletChartValueBorder",
"isCommon": "true",
"blazorCommonClassName": "BulletChartCommonBorder"
},
{
"propertyName": "dataLabel",
"baseClass": "BulletDataLabel",
"SelectorName": "e-bulletchart-datalabel",
"aspSelectorName": "e-bulletchart-datalabel",
"blazorClassName": "BulletChartDataLabel",
"complexDirective": [
{
"propertyName": "labelStyle",
"baseClass": "BulletLabelStyle",
"SelectorName": "e-bulletchart-datalabel-labelstyle",
"aspSelectorName": "e-bulletchart-datalabel-labelstyle",
"blazorClassName": "BulletChartDataLabelStyle",
"blazorCommonClassName": "BulletChartCommonFont",
"isCommon": "true"
}
]
},
{
"propertyName": "labelStyle",
"baseClass": "BulletLabelStyle",
"SelectorName": "e-bulletchart-labelstyle",
"aspSelectorName": "e-bulletchart-labelstyle",
"blazorClassName": "BulletChartLabelStyle",
"isCommon": "true",
"blazorCommonClassName": "BulletChartCommonFont"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"SelectorName": "e-bulletchart-margin",
"aspSelectorName": "e-bulletchart-margin",
"blazorClassName": "BulletChartMargin"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspBuilderName": "BulletChartBorder",
"aspClassName": "BulletChartContainerBorder",
"SelectorName": "e-bulletchart-border",
"aspSelectorName": "e-bulletchart-border",
"blazorClassName": "BulletChartBorder",
"isCommon": "true",
"blazorCommonClassName": "BulletChartCommonBorder"
},
{
"propertyName": "majorTickLines",
"baseClass": "MajorTickLines",
"SelectorName": "e-bulletchart-majorticklines",
"aspSelectorName": "e-bulletchart-majorticklines",
"blazorClassName": "BulletChartMajorTickLines"
},
{
"propertyName": "minorTickLines",
"baseClass": "MinorTickLines",
"SelectorName": "e-bulletchart-minorticklines",
"aspSelectorName": "e-bulletchart-minorticklines",
"blazorClassName": "BulletChartMinorTickLines"
},
{
"propertyName": "tooltip",
"baseClass": "BulletTooltipSettings",
"SelectorName": "e-bulletchart-tooltipsettings",
"aspSelectorName": "e-bulletchart-tooltipsettings",
"blazorClassName": "BulletChartTooltip",
"blazorTemplates": ["template"],
"blazorTemplateModels": {
"template" : "IBulletTemplate"
},
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "BulletLabelStyle",
"SelectorName": "e-bulletchart-tooltipsettings-textstyle",
"aspSelectorName": "e-bulletchart-tooltipsettings-textstyle",
"blazorClassName": "BulletChartTooltipTextStyle",
"blazorCommonClassName": "BulletChartCommonFont",
"isCommon": "true"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspBuilderName": "BulletChartBorder",
"aspClassName": "BulletChartTooltipBorder",
"SelectorName": "e-bulletchart-tooltipsettings-border",
"aspSelectorName": "e-bulletchart-tooltipsettings-border",
"blazorClassName": "BulletChartTooltipBorder",
"blazorCommonClassName": "BulletChartCommonBorder",
"isCommon": "true"
}
]
},
{
"propertyName": "animation",
"baseClass": "Animation",
"SelectorName": "e-bulletchart-animation",
"aspSelectorName": "e-bulletchart-animation",
"blazorClassName": "BulletChartAnimation"
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "BulletRangeCollection",
"directiveClassName": "BulletRange",
"arrayDirectiveSelector": "ej-bulletchart>e-bullet-range-collection",
"directiveSelector": "e-bullet-range-collection>e-bullet-range",
"aspArrayDirectiveSelector": "e-bullet-range-collection",
"aspDirectiveSelector": "e-bullet-range",
"propertyName": "ranges",
"directoryName": "bullet-chart",
"baseClass": "Range",
"aspArrayClassName": "Range",
"blazorArrayClassName": "BulletChartRangeCollection",
"blazorClassName": "BulletChartRange",
"comment": [
"/**",
" * BulletRange Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `BulletRangeDirective` directive represent a ranges of the react BulletChart. ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
],
"templateProperties": [
"tooltip.template"
]
},
{
"baseClass": "Chart3D",
"directoryName": "chart3d",
"defaultTag": "",
"removeDuplicateClassName": true,
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * 3D Chart Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react 3D Chart Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs 3D Chart Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"dynamicModules": [
"ColumnSeries3D",
"StackingColumnSeries3D",
"BarSeries3D",
"StackingBarSeries3D",
"Category3D",
"DateTime3D",
"DateTimeCategory3D",
"Logarithmic3D",
"Tooltip3D",
"Legend3D",
"DataLabel3D",
"Selection3D",
"Export3D",
"Highlight3D"
],
"diModuleFiles": [
{
"fileName": "bar-series"
},
{
"fileName": "column-series"
},
{
"fileName": "data-label"
},
{
"fileName": "stacking-bar-series"
},
{
"fileName": "stacking-column-series"
},
{
"fileName": "date-time-axis"
},
{
"fileName": "date-time-category-axis"
},
{
"fileName": "logarithmic-axis"
},
{
"fileName": "category-axis"
},
{
"fileName": "selection"
},
{
"fileName": "high-light"
},
{
"fileName": "tooltip"
},
{
"fileName": "legend"
},
{
"fileName": "export"
}
],
"complexDirective": [
{
"propertyName": "primaryXAxis",
"baseClass": "Chart3DAxis",
"SelectorName": "e-chart3d-primaryxaxis",
"aspSelectorName": "e-chart3d-primaryxaxis",
"aspClassName": "Chart3DPrimaryXAxis",
"aspBuilderName": "Chart3DAxis",
"isCommon": "true",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "Chart3DMajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"isCommon": "true"
},
{
"propertyName": "minorGridLines",
"baseClass": "Chart3DMinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"isCommon": "true"
},
{
"propertyName": "majorTickLines",
"baseClass": "Chart3DMajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"isCommon": "true"
},
{
"propertyName": "minorTickLines",
"baseClass": "Chart3DMinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"isCommon": "true"
},
{
"propertyName": "labelStyle",
"baseClass": "Chart3DTextFont",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"isCommon": "true"
},
{
"propertyName": "titleStyle",
"baseClass": "Chart3DTextFont",
"SelectorName": "e-titlestyle",
"aspSelectorName": "e-titlestyle",
"isCommon": "true"
}
]
},
{
"propertyName": "primaryYAxis",
"baseClass": "Chart3DAxis",
"SelectorName": "e-chart3d-primaryyaxis",
"aspSelectorName": "e-chart3d-primaryyaxis",
"aspClassName": "Chart3DPrimaryYAxis",
"aspBuilderName": "Chart3DAxis",
"isCommon": "true",
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "Chart3DMajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"isCommon": "true"
},
{
"propertyName": "minorGridLines",
"baseClass": "Chart3DMinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"isCommon": "true"
},
{
"propertyName": "majorTickLines",
"baseClass": "Chart3DMajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"isCommon": "true"
},
{
"propertyName": "minorTickLines",
"baseClass": "Chart3DMinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"isCommon": "true"
},
{
"propertyName": "labelStyle",
"baseClass": "Chart3DTextFont",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"isCommon": "true"
},
{
"propertyName": "titleStyle",
"baseClass": "Chart3DTextFont",
"SelectorName": "e-titlestyle",
"aspSelectorName": "e-titlestyle",
"isCommon": "true"
}
]
},
{
"propertyName": "tooltip",
"baseClass": "Chart3DTooltipSettings",
"aspClassName": "Chart3DTooltipSettings",
"aspBuilderName": "Chart3DTooltipSettings",
"SelectorName": "e-chart3d-tooltipsettings",
"aspSelectorName": "e-chart3d-tooltipsettings",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"isCommon": "true"
},
{
"propertyName": "location",
"baseClass": "Location"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "Chart3DTooltipBorder",
"aspBuilderName": "Chart3DBorder",
"isCommon": "true"
}
]
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon":"true"
},
{
"propertyName": "titleStyle",
"baseClass": "TitleSettings",
"SelectorName": "e-chart3d-titlestyle",
"aspSelectorName": "e-chart3d-titlestyle",
"isCommon": "true",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "TitleBorder",
"isCommon": "true"
}
]
},
{
"propertyName": "subTitleStyle",
"baseClass": "TitleSettings",
"isCommon": "true",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "TitleBorder",
"isCommon": "true"
}
]
},
{
"propertyName": "legendSettings",
"baseClass": "Chart3DLegendSettings",
"aspClassName": "Chart3DLegendSettings",
"aspBuilderName": "Chart3DLegendSettings",
"SelectorName": "e-chart3d-legendsettings",
"aspSelectorName": "e-chart3d-legendsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true",
"aspClassName": "Chart3DLegendBorder",
"aspBuilderName": "Chart3DBorder"
},
{
"propertyName": "textStyle",
"baseClass": "Font",
"aspClassName": "Chart3DLegendTextStyle",
"aspBuilderName": "Chart3DFont",
"isCommon": "true"
},
{
"propertyName": "location",
"baseClass": "Location",
"aspClassName": "Chart3DLegendLocation",
"aspBuilderName": "Chart3DLocation",
"isCommon": "true"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"aspClassName": "Chart3DLegendTitleStyle",
"aspBuilderName": "Chart3DFont",
"isCommon": "true"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true",
"aspClassName": "Chart3DLegendMargin",
"aspBuilderName": "Chart3DMargin"
},
{
"propertyName": "containerPadding",
"baseClass": "ContainerPadding",
"isCommon": "true"
}
]
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "Chart3DSeriesCollection",
"directiveClassName": "Chart3DSeries",
"arrayDirectiveSelector": "ejs-chart3d>e-chart3d-series-collection",
"directiveSelector": "e-chart3d-series-collection>e-chart3d-series",
"propertyName": "series",
"directoryName": "chart3d",
"baseClass": "Chart3DSeries",
"aspDirectiveSelector": "e-chart3d-series",
"aspArrayDirectiveSelector": "e-chart3d-series-collection",
"aspClassName": "Chart3DSeries",
"aspBuilderName": "Chart3DSeries",
"aspArrayClassName": "Chart3DSeries",
"aspCollectionClassName": "Chart3DSeriesCollection",
"comment": [
"/**",
" * Series3D Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "dataLabel",
"baseClass": "Chart3DDataLabelSettings",
"SelectorName": "e-chart3d-series-datalabel",
"aspSelectorName": "e-chart3d-series-datalabel",
"aspClassName": "Chart3DDataLabelSettings",
"aspBuilderName": "Chart3DDataLabelSettings",
"complexDirective": [
{
"propertyName": "font",
"baseClass": "Chart3DTextFont",
"selectorName": "e-font",
"aspSelectorName": "e-font",
"isCommon": "true"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true"
}
]
},
{
"propertyName": "animation",
"baseClass": "Animation",
"SelectorName": "e-chart3d-series-animation",
"aspSelectorName": "e-chart3d-series-animation"
},
{
"propertyName": "emptyPointSettings",
"baseClass": "Chart3DEmptyPointSettings",
"aspClassName": "Chart3DEmptyPointSettings",
"aspBuilderName": "Chart3DEmptyPointSettings",
"SelectorName": "e-chart3d-series-emptypointsettings",
"aspSelectorName": "e-chart3d-series-emptypointsettings"
}
],
"reactComment": [
"/**",
" * `SeriesDirective` directive represent a series of the react chart. ",
" * It must be contained in a Chart component(`Chart3DComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs 3D Chart Component",
" * ```vue",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"templateProperties": [
"dataLabel.template"
]
},
{
"arrayDirectiveClassName": "Chart3DAxes",
"directiveClassName": "Chart3DAxis",
"propertyName": "axes",
"directoryName": "chart3d",
"baseClass": "Chart3DAxis",
"aspClassName": "Chart3DSecondaryAxis",
"aspBuilderName": "Chart3DAxis",
"aspArrayDirectiveSelector": "e-chart3d-axes",
"aspDirectiveSelector": "e-chart3d-axis",
"comment": [
"/**",
" * Axis3D Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Axis3D` directive represent a axis row of the react Chart. ",
" * It must be contained in a Chart component(`Chart3DComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "majorGridLines",
"baseClass": "Chart3DMajorGridLines",
"SelectorName": "e-majorgridlines",
"aspSelectorName": "e-majorgridlines",
"isCommon": "true"
},
{
"propertyName": "minorGridLines",
"baseClass": "Chart3DMinorGridLines",
"SelectorName": "e-minorgridlines",
"aspSelectorName": "e-minorgridlines",
"isCommon": "true"
},
{
"propertyName": "majorTickLines",
"baseClass": "Chart3DMajorTickLines",
"SelectorName": "e-majorticklines",
"aspSelectorName": "e-majorticklines",
"isCommon": "true"
},
{
"propertyName": "minorTickLines",
"baseClass": "Chart3DMinorTickLines",
"SelectorName": "e-minorticklines",
"aspSelectorName": "e-minorticklines",
"isCommon": "true"
},
{
"propertyName": "labelStyle",
"baseClass": "Chart3DTextFont",
"SelectorName": "e-labelstyle",
"aspSelectorName": "e-labelstyle",
"isCommon":"true"
},
{
"propertyName": "titleStyle",
"baseClass": "Chart3DTextFont",
"SelectorName": "e-titlestyle",
"aspSelectorName": "e-titlestyle",
"isCommon": "true"
}
]
},
{
"arrayDirectiveClassName": "Chart3DRows",
"directiveClassName": "Chart3DRow",
"propertyName": "rows",
"arrayDirectiveSelector": "ejs-chart3d>e-chart3d-rows",
"directiveSelector": "e-chart3d-rows>e-chart3d-row",
"directoryName": "chart3d",
"baseClass": "Chart3DRow",
"aspArrayDirectiveSelector": "e-chart3d-rows",
"aspDirectiveSelector": "e-chart3d-row",
"aspClassName": "Chart3DRow",
"aspBuilderName": "Chart3DRow",
"aspArrayClassName": "Chart3DRow",
"aspCollectionClassName": "Chart3DRows",
"comment": [
"/**",
" * Row3D Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Row3D` directive represent a axis row of the react Chart. ",
" * It must be contained in a Chart component(`Chart3DComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "Chart3DColumns",
"directiveClassName": "Chart3DColumn",
"propertyName": "columns",
"directoryName": "chart3d",
"arrayDirectiveSelector": "ejs-chart3d>e-chart3d-columns",
"directiveSelector": "e-chart3d-columns>e-chart3d-columns",
"baseClass": "Chart3DColumn",
"aspArrayDirectiveSelector": "e-chart3d-columns",
"aspDirectiveSelector": "e-chart3d-column",
"aspClassName": "Chart3DColumn",
"aspBuilderName": "Chart3DColumn",
"aspArrayClassName": "Chart3DColumn",
"aspCollectionClassName": "Chart3DColumn",
"comment": [
"/**",
" * Column3D Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `Column3D` directive represent a axis column of the react Chart. ",
" * It must be contained in a Chart component(`Chart3DComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
},
{
"arrayDirectiveClassName": "Chart3DSelectedDataIndexes",
"directiveClassName": "Chart3DSelectedDataIndex",
"propertyName": "selectedDataIndexes",
"directoryName": "chart3d",
"arrayDirectiveSelector": "ejs-chart3d>e-chart3d-selecteddataindexes",
"directiveSelector": "e-chart3d-selecteddataindexes>e-chart3d-selecteddataindex",
"aspArrayDirectiveSelector": "e-chart3d-selecteddataindexes",
"aspDirectiveSelector": "e-chart3d-selecteddataindex",
"aspArrayClassName": "Chart3DSelectedDataIndex",
"aspCollectionClassName": "Chart3DSelectedDataIndexes",
"baseClass": "Indexes",
"comment": [
"/**",
" * Selected Data Directive",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `SelectedDataIndex` directive represent the selected data in react Chart. ",
" * It must be contained in a Chart component(`Chart3DComponent`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
]
}
],
"templateProperties": [
"tooltip.template"
]
},
{
"baseClass": "CircularChart3D",
"directoryName": "circularchart3d",
"defaultTag": "",
"removeDuplicateClassName": true,
"type": "simple",
"twoWays": [
"dataSource"
],
"comment": [
"/**",
" * CircularChart3D Component",
" * ```html",
" * ",
" * ```",
" */"
],
"reactComment": [
"/**",
" * Represents react Circular 3D chart Component",
" * ```tsx",
" * ",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents Vuejs Circular 3D Chart Component",
" * ```vue",
" * ",
" * ```",
" */"
],
"dynamicModules": [
"PieSeries3D",
"CircularChartTooltip3D",
"CircularChartLegend3D",
"CircularChartSelection3D",
"CircularChartDataLabel3D",
"CircularChartHighlight3D",
"CircularChartExport3D"
],
"diModuleFiles": [
{
"fileName": "dataLabel"
},
{
"fileName": "series"
},
{
"fileName": "legend"
},
{
"fileName": "selection"
},
{
"fileName": "tooltip"
},
{
"fileName": "high-light"
},
{
"fileName": "export"
}
],
"complexDirective": [
{
"propertyName": "titleStyle",
"baseClass": "Font",
"SelectorName": "e-circularchart3d-titlestyle",
"aspSelectorName": "e-circularchart3d-titlestyle",
"isCommon": "true"
},
{
"propertyName": "subTitleStyle",
"baseClass": "Font",
"isCommon": "true"
},
{
"propertyName": "margin",
"baseClass": "Margin"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspBuilderName": "CircularChart3DBorder",
"aspClassName": "CircularChart3DContainerBorder",
"aspSelectorName": "e-circularchart3d-border",
"isCommon": "true"
},
{
"propertyName": "legendSettings",
"baseClass": "CircularChart3DLegendSettings",
"aspSelectorName": "e-circularchart3d-legendsettings",
"complexDirective": [
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true"
},
{
"propertyName": "textStyle",
"baseClass": "Font",
"isCommon": "true"
},
{
"propertyName": "location",
"baseClass": "Location"
},
{
"propertyName": "titleStyle",
"baseClass": "Font",
"isCommon": "true"
},
{
"propertyName": "margin",
"baseClass": "Margin",
"isCommon": "true"
},
{
"propertyName": "containerPadding",
"baseClass": "ContainerPadding",
"isCommon": "true"
}
]
},
{
"propertyName": "tooltip",
"baseClass": "CircularChart3DTooltipSettings",
"aspSelectorName": "e-circularchart3d-tooltipsettings",
"complexDirective": [
{
"propertyName": "textStyle",
"baseClass": "Font",
"aspClassName": "CircularChart3DTooltipTextStyle",
"aspBuilderName": "CircularChart3DFont",
"isCommon": "true"
},
{
"propertyName": "border",
"baseClass": "Border",
"aspClassName": "CircularChart3DTooltipBorder",
"aspBuilderName": "CircularChart3DBorder",
"isCommon": "true"
},
{
"propertyName": "location",
"baseClass": "Location"
}
]
}
],
"tagDirective": [
{
"arrayDirectiveClassName": "CircularChart3DSeriesCollection",
"directiveClassName": "CircularChart3DSeries",
"arrayDirectiveSelector": "ej-circularchart3d>e-circularchart3d-series-collection",
"directiveSelector": "e-circularchart3d-series-collection>e-circularchart3d-series",
"aspArrayDirectiveSelector": "e-circularchart3d-series-collection",
"aspDirectiveSelector": "e-circularchart3d-series",
"propertyName": "series",
"directoryName": "circularchart3d",
"baseClass": "CircularChart3DSeries",
"aspArrayClassName": "CircularChart3DSeries",
"comment": [
"/**",
" * Circular3D Series Directive",
" * ```html",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"complexDirective": [
{
"propertyName": "dataLabel",
"baseClass": "CircularChart3DDataLabelSettings",
"aspClassName": "CircularChart3DDataLabelSettings",
"aspSelectorName": "e-circularchart3d-series-datalabel",
"complexDirective": [
{
"propertyName": "connectorStyle",
"baseClass": "CircularChart3DConnector",
"selectorName": "e-connectorstyle",
"aspSelectorName": "e-connectorstyle"
},
{
"propertyName": "font",
"baseClass": "CircularChart3DDataLabelFont",
"selectorName": "e-font",
"aspSelectorName": "e-font",
"isCommon": "true"
},
{
"propertyName": "border",
"baseClass": "Border",
"isCommon": "true"
}
]
},
{
"propertyName": "emptyPointSettings",
"baseClass": "CircularChart3DEmptyPointSettings"
},
{
"propertyName": "animation",
"baseClass": "Animation"
}
],
"reactComment": [
"/**",
" * `CircularChart3DSeriesDirective` directive represent a series of the react Circular3D Chart. ",
" * It must be contained in a Pie component(`CircularChart3D`). ",
" * ```tsx",
" * ",
" * ",
" * ",
" * ",
" * ",
" * ```",
" */"
],
"templateProperties": [
"dataLabel.template"
]
},
{
"arrayDirectiveClassName": "CircularChart3DSelectedDataIndexes",
"directiveClassName": "CircularChart3DSelectedDataIndex",
"propertyName": "selectedDataIndexes",
"directoryName": "circularchart3d",
"arrayDirectiveSelector": "ejs-circularchart3d>e-circularchart3d-selecteddataindexes",
"directiveSelector": "e-circularchart3d-selecteddataindexes>e-circularchart3d-selecteddataindex",
"aspArrayDirectiveSelector": "e-circularchart3d-selecteddataindexes",
"aspDirectiveSelector": "e-circularchart3d-selecteddataindex",
"aspArrayClassName": "CircularChart3DSelectedDataIndex",
"aspCollectionClassName": "CircularChart3DSelectedDataIndexes",
"baseClass": "Indexes",
"comment": [
"/**",
" * Selected Data Directive",
" * ```html",
" * ",
" * ```",
" */"
]
}
],
"templateProperties": [
"tooltip.template"
]
}
]
}