devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
3,121 lines • 104 kB
JavaScript
/*!
* devextreme-vue
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-vue
*/
import { defineComponent } from "vue";
import { prepareComponentConfig } from "./core/index";
import Chart from "devextreme/viz/chart";
import { prepareConfigurationComponentConfig } from "./core/index";
const componentConfig = {
props: {
adaptiveLayout: Object,
adjustOnZoom: Boolean,
animation: [Boolean, Object],
annotations: Array,
argumentAxis: Object,
autoHidePointMarkers: Boolean,
barGroupPadding: Number,
barGroupWidth: Number,
commonAnnotationSettings: Object,
commonAxisSettings: Object,
commonPaneSettings: Object,
commonSeriesSettings: Object,
containerBackgroundColor: String,
crosshair: Object,
customizeAnnotation: Function,
customizeLabel: Function,
customizePoint: Function,
dataPrepareSettings: Object,
dataSource: [Array, Object, String],
defaultPane: String,
disabled: Boolean,
elementAttr: Object,
export: Object,
legend: Object,
loadingIndicator: Object,
margin: Object,
maxBubbleSize: Number,
minBubbleSize: Number,
negativesAsZeroes: Boolean,
onArgumentAxisClick: Function,
onDisposing: Function,
onDone: Function,
onDrawn: Function,
onExported: Function,
onExporting: Function,
onFileSaving: Function,
onIncidentOccurred: Function,
onInitialized: Function,
onLegendClick: Function,
onOptionChanged: Function,
onPointClick: Function,
onPointHoverChanged: Function,
onPointSelectionChanged: Function,
onSeriesClick: Function,
onSeriesHoverChanged: Function,
onSeriesSelectionChanged: Function,
onTooltipHidden: Function,
onTooltipShown: Function,
onZoomEnd: Function,
onZoomStart: Function,
palette: [Array, String],
paletteExtensionMode: String,
panes: [Array, Object],
pathModified: Boolean,
pointSelectionMode: String,
redrawOnResize: Boolean,
resizePanesOnZoom: Boolean,
resolveLabelOverlapping: String,
rotated: Boolean,
rtlEnabled: Boolean,
scrollBar: Object,
series: [Array, Object],
seriesSelectionMode: String,
seriesTemplate: Object,
size: Object,
stickyHovering: Boolean,
synchronizeMultiAxes: Boolean,
theme: String,
title: [Object, String],
tooltip: Object,
valueAxis: [Array, Object],
zoomAndPan: Object
},
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:adaptiveLayout": null,
"update:adjustOnZoom": null,
"update:animation": null,
"update:annotations": null,
"update:argumentAxis": null,
"update:autoHidePointMarkers": null,
"update:barGroupPadding": null,
"update:barGroupWidth": null,
"update:commonAnnotationSettings": null,
"update:commonAxisSettings": null,
"update:commonPaneSettings": null,
"update:commonSeriesSettings": null,
"update:containerBackgroundColor": null,
"update:crosshair": null,
"update:customizeAnnotation": null,
"update:customizeLabel": null,
"update:customizePoint": null,
"update:dataPrepareSettings": null,
"update:dataSource": null,
"update:defaultPane": null,
"update:disabled": null,
"update:elementAttr": null,
"update:export": null,
"update:legend": null,
"update:loadingIndicator": null,
"update:margin": null,
"update:maxBubbleSize": null,
"update:minBubbleSize": null,
"update:negativesAsZeroes": null,
"update:onArgumentAxisClick": null,
"update:onDisposing": null,
"update:onDone": null,
"update:onDrawn": null,
"update:onExported": null,
"update:onExporting": null,
"update:onFileSaving": null,
"update:onIncidentOccurred": null,
"update:onInitialized": null,
"update:onLegendClick": null,
"update:onOptionChanged": null,
"update:onPointClick": null,
"update:onPointHoverChanged": null,
"update:onPointSelectionChanged": null,
"update:onSeriesClick": null,
"update:onSeriesHoverChanged": null,
"update:onSeriesSelectionChanged": null,
"update:onTooltipHidden": null,
"update:onTooltipShown": null,
"update:onZoomEnd": null,
"update:onZoomStart": null,
"update:palette": null,
"update:paletteExtensionMode": null,
"update:panes": null,
"update:pathModified": null,
"update:pointSelectionMode": null,
"update:redrawOnResize": null,
"update:resizePanesOnZoom": null,
"update:resolveLabelOverlapping": null,
"update:rotated": null,
"update:rtlEnabled": null,
"update:scrollBar": null,
"update:series": null,
"update:seriesSelectionMode": null,
"update:seriesTemplate": null,
"update:size": null,
"update:stickyHovering": null,
"update:synchronizeMultiAxes": null,
"update:theme": null,
"update:title": null,
"update:tooltip": null,
"update:valueAxis": null,
"update:zoomAndPan": null,
},
computed: {
instance() {
return this.$_instance;
}
},
beforeCreate() {
this.$_WidgetClass = Chart;
this.$_hasAsyncTemplate = true;
this.$_expectedChildren = {
adaptiveLayout: { isCollectionItem: false, optionName: "adaptiveLayout" },
animation: { isCollectionItem: false, optionName: "animation" },
annotation: { isCollectionItem: true, optionName: "annotations" },
argumentAxis: { isCollectionItem: false, optionName: "argumentAxis" },
chartTitle: { isCollectionItem: false, optionName: "title" },
commonAnnotationSettings: { isCollectionItem: false, optionName: "commonAnnotationSettings" },
commonAxisSettings: { isCollectionItem: false, optionName: "commonAxisSettings" },
commonPaneSettings: { isCollectionItem: false, optionName: "commonPaneSettings" },
commonSeriesSettings: { isCollectionItem: false, optionName: "commonSeriesSettings" },
crosshair: { isCollectionItem: false, optionName: "crosshair" },
dataPrepareSettings: { isCollectionItem: false, optionName: "dataPrepareSettings" },
export: { isCollectionItem: false, optionName: "export" },
legend: { isCollectionItem: false, optionName: "legend" },
loadingIndicator: { isCollectionItem: false, optionName: "loadingIndicator" },
margin: { isCollectionItem: false, optionName: "margin" },
pane: { isCollectionItem: true, optionName: "panes" },
scrollBar: { isCollectionItem: false, optionName: "scrollBar" },
series: { isCollectionItem: true, optionName: "series" },
seriesTemplate: { isCollectionItem: false, optionName: "seriesTemplate" },
size: { isCollectionItem: false, optionName: "size" },
title: { isCollectionItem: false, optionName: "title" },
tooltip: { isCollectionItem: false, optionName: "tooltip" },
valueAxis: { isCollectionItem: true, optionName: "valueAxis" },
zoomAndPan: { isCollectionItem: false, optionName: "zoomAndPan" }
};
}
};
prepareComponentConfig(componentConfig);
const DxChart = defineComponent(componentConfig);
const DxAdaptiveLayoutConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:keepLabels": null,
"update:width": null,
},
props: {
height: Number,
keepLabels: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxAdaptiveLayoutConfig);
const DxAdaptiveLayout = defineComponent(DxAdaptiveLayoutConfig);
DxAdaptiveLayout.$_optionName = "adaptiveLayout";
const DxAggregationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:calculate": null,
"update:enabled": null,
"update:method": null,
},
props: {
calculate: Function,
enabled: Boolean,
method: String
}
};
prepareConfigurationComponentConfig(DxAggregationConfig);
const DxAggregation = defineComponent(DxAggregationConfig);
DxAggregation.$_optionName = "aggregation";
const DxAggregationIntervalConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxAggregationIntervalConfig);
const DxAggregationInterval = defineComponent(DxAggregationIntervalConfig);
DxAggregationInterval.$_optionName = "aggregationInterval";
const DxAnimationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:duration": null,
"update:easing": null,
"update:enabled": null,
"update:maxPointCountSupported": null,
},
props: {
duration: Number,
easing: String,
enabled: Boolean,
maxPointCountSupported: Number
}
};
prepareConfigurationComponentConfig(DxAnimationConfig);
const DxAnimation = defineComponent(DxAnimationConfig);
DxAnimation.$_optionName = "animation";
const DxAnnotationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowDragging": null,
"update:argument": null,
"update:arrowLength": null,
"update:arrowWidth": null,
"update:axis": null,
"update:border": null,
"update:color": null,
"update:customizeTooltip": null,
"update:data": null,
"update:description": null,
"update:font": null,
"update:height": null,
"update:image": null,
"update:name": null,
"update:offsetX": null,
"update:offsetY": null,
"update:opacity": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:series": null,
"update:shadow": null,
"update:template": null,
"update:text": null,
"update:textOverflow": null,
"update:tooltipEnabled": null,
"update:tooltipTemplate": null,
"update:type": null,
"update:value": null,
"update:width": null,
"update:wordWrap": null,
"update:x": null,
"update:y": null,
},
props: {
allowDragging: Boolean,
argument: [Date, Number, String],
arrowLength: Number,
arrowWidth: Number,
axis: String,
border: Object,
color: String,
customizeTooltip: Function,
data: {},
description: String,
font: Object,
height: Number,
image: [Object, String],
name: String,
offsetX: Number,
offsetY: Number,
opacity: Number,
paddingLeftRight: Number,
paddingTopBottom: Number,
series: String,
shadow: Object,
template: {},
text: String,
textOverflow: String,
tooltipEnabled: Boolean,
tooltipTemplate: {},
type: String,
value: [Date, Number, String],
width: Number,
wordWrap: String,
x: Number,
y: Number
}
};
prepareConfigurationComponentConfig(DxAnnotationConfig);
const DxAnnotation = defineComponent(DxAnnotationConfig);
DxAnnotation.$_optionName = "annotations";
DxAnnotation.$_isCollectionItem = true;
DxAnnotation.$_expectedChildren = {
annotationBorder: { isCollectionItem: false, optionName: "border" },
annotationImage: { isCollectionItem: false, optionName: "image" },
border: { isCollectionItem: false, optionName: "border" },
font: { isCollectionItem: false, optionName: "font" },
image: { isCollectionItem: false, optionName: "image" },
shadow: { isCollectionItem: false, optionName: "shadow" }
};
const DxAnnotationBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
cornerRadius: Number,
dashStyle: String,
opacity: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxAnnotationBorderConfig);
const DxAnnotationBorder = defineComponent(DxAnnotationBorderConfig);
DxAnnotationBorder.$_optionName = "border";
const DxAnnotationImageConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:url": null,
"update:width": null,
},
props: {
height: Number,
url: String,
width: Number
}
};
prepareConfigurationComponentConfig(DxAnnotationImageConfig);
const DxAnnotationImage = defineComponent(DxAnnotationImageConfig);
DxAnnotationImage.$_optionName = "image";
const DxArgumentAxisConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregatedPointsPosition": null,
"update:aggregationGroupWidth": null,
"update:aggregationInterval": null,
"update:allowDecimals": null,
"update:argumentType": null,
"update:axisDivisionFactor": null,
"update:breaks": null,
"update:breakStyle": null,
"update:categories": null,
"update:color": null,
"update:constantLines": null,
"update:constantLineStyle": null,
"update:customPosition": null,
"update:customPositionAxis": null,
"update:discreteAxisDivisionMode": null,
"update:endOnTick": null,
"update:grid": null,
"update:holidays": null,
"update:hoverMode": null,
"update:inverted": null,
"update:label": null,
"update:linearThreshold": null,
"update:logarithmBase": null,
"update:maxValueMargin": null,
"update:minorGrid": null,
"update:minorTick": null,
"update:minorTickCount": null,
"update:minorTickInterval": null,
"update:minValueMargin": null,
"update:minVisualRangeLength": null,
"update:offset": null,
"update:opacity": null,
"update:placeholderSize": null,
"update:position": null,
"update:singleWorkdays": null,
"update:strips": null,
"update:stripStyle": null,
"update:tick": null,
"update:tickInterval": null,
"update:title": null,
"update:type": null,
"update:valueMarginsEnabled": null,
"update:visible": null,
"update:visualRange": null,
"update:visualRangeUpdateMode": null,
"update:wholeRange": null,
"update:width": null,
"update:workdaysOnly": null,
"update:workWeek": null,
},
props: {
aggregatedPointsPosition: String,
aggregationGroupWidth: Number,
aggregationInterval: [Number, Object, String],
allowDecimals: Boolean,
argumentType: String,
axisDivisionFactor: Number,
breaks: Array,
breakStyle: Object,
categories: Array,
color: String,
constantLines: Array,
constantLineStyle: Object,
customPosition: [Date, Number, String],
customPositionAxis: String,
discreteAxisDivisionMode: String,
endOnTick: Boolean,
grid: Object,
holidays: Array,
hoverMode: String,
inverted: Boolean,
label: Object,
linearThreshold: Number,
logarithmBase: Number,
maxValueMargin: Number,
minorGrid: Object,
minorTick: Object,
minorTickCount: Number,
minorTickInterval: [Number, Object, String],
minValueMargin: Number,
minVisualRangeLength: [Number, Object, String],
offset: Number,
opacity: Number,
placeholderSize: Number,
position: String,
singleWorkdays: Array,
strips: Array,
stripStyle: Object,
tick: Object,
tickInterval: [Number, Object, String],
title: [Object, String],
type: String,
valueMarginsEnabled: Boolean,
visible: Boolean,
visualRange: [Array, Object],
visualRangeUpdateMode: String,
wholeRange: [Array, Object],
width: Number,
workdaysOnly: Boolean,
workWeek: Array
}
};
prepareConfigurationComponentConfig(DxArgumentAxisConfig);
const DxArgumentAxis = defineComponent(DxArgumentAxisConfig);
DxArgumentAxis.$_optionName = "argumentAxis";
DxArgumentAxis.$_expectedChildren = {
aggregationInterval: { isCollectionItem: false, optionName: "aggregationInterval" },
axisConstantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
axisLabel: { isCollectionItem: false, optionName: "label" },
axisTitle: { isCollectionItem: false, optionName: "title" },
break: { isCollectionItem: true, optionName: "breaks" },
breakStyle: { isCollectionItem: false, optionName: "breakStyle" },
constantLine: { isCollectionItem: true, optionName: "constantLines" },
constantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
grid: { isCollectionItem: false, optionName: "grid" },
label: { isCollectionItem: false, optionName: "label" },
minorGrid: { isCollectionItem: false, optionName: "minorGrid" },
minorTick: { isCollectionItem: false, optionName: "minorTick" },
minorTickInterval: { isCollectionItem: false, optionName: "minorTickInterval" },
minVisualRangeLength: { isCollectionItem: false, optionName: "minVisualRangeLength" },
strip: { isCollectionItem: true, optionName: "strips" },
stripStyle: { isCollectionItem: false, optionName: "stripStyle" },
tick: { isCollectionItem: false, optionName: "tick" },
tickInterval: { isCollectionItem: false, optionName: "tickInterval" },
title: { isCollectionItem: false, optionName: "title" },
visualRange: { isCollectionItem: false, optionName: "visualRange" },
wholeRange: { isCollectionItem: false, optionName: "wholeRange" }
};
const DxArgumentFormatConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:currency": null,
"update:formatter": null,
"update:parser": null,
"update:precision": null,
"update:type": null,
"update:useCurrencyAccountingStyle": null,
},
props: {
currency: String,
formatter: Function,
parser: Function,
precision: Number,
type: String,
useCurrencyAccountingStyle: Boolean
}
};
prepareConfigurationComponentConfig(DxArgumentFormatConfig);
const DxArgumentFormat = defineComponent(DxArgumentFormatConfig);
DxArgumentFormat.$_optionName = "argumentFormat";
const DxAxisConstantLineStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxAxisConstantLineStyleConfig);
const DxAxisConstantLineStyle = defineComponent(DxAxisConstantLineStyleConfig);
DxAxisConstantLineStyle.$_optionName = "constantLineStyle";
DxAxisConstantLineStyle.$_expectedChildren = {
label: { isCollectionItem: false, optionName: "label" }
};
const DxAxisConstantLineStyleLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:position": null,
"update:verticalAlignment": null,
"update:visible": null,
},
props: {
font: Object,
horizontalAlignment: String,
position: String,
verticalAlignment: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxAxisConstantLineStyleLabelConfig);
const DxAxisConstantLineStyleLabel = defineComponent(DxAxisConstantLineStyleLabelConfig);
DxAxisConstantLineStyleLabel.$_optionName = "label";
DxAxisConstantLineStyleLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxAxisLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:customizeHint": null,
"update:customizeText": null,
"update:displayMode": null,
"update:font": null,
"update:format": null,
"update:indentFromAxis": null,
"update:overlappingBehavior": null,
"update:position": null,
"update:rotationAngle": null,
"update:staggeringSpacing": null,
"update:template": null,
"update:textOverflow": null,
"update:visible": null,
"update:wordWrap": null,
},
props: {
alignment: String,
customizeHint: Function,
customizeText: Function,
displayMode: String,
font: Object,
format: [Object, String, Function],
indentFromAxis: Number,
overlappingBehavior: String,
position: String,
rotationAngle: Number,
staggeringSpacing: Number,
template: {},
textOverflow: String,
visible: Boolean,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxAxisLabelConfig);
const DxAxisLabel = defineComponent(DxAxisLabelConfig);
DxAxisLabel.$_optionName = "label";
DxAxisLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" }
};
const DxAxisTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:font": null,
"update:margin": null,
"update:text": null,
"update:textOverflow": null,
"update:wordWrap": null,
},
props: {
alignment: String,
font: Object,
margin: Number,
text: String,
textOverflow: String,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxAxisTitleConfig);
const DxAxisTitle = defineComponent(DxAxisTitleConfig);
DxAxisTitle.$_optionName = "title";
DxAxisTitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxBackgroundColorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:base": null,
"update:fillId": null,
},
props: {
base: String,
fillId: String
}
};
prepareConfigurationComponentConfig(DxBackgroundColorConfig);
const DxBackgroundColor = defineComponent(DxBackgroundColorConfig);
DxBackgroundColor.$_optionName = "backgroundColor";
const DxBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:bottom": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:left": null,
"update:opacity": null,
"update:right": null,
"update:top": null,
"update:visible": null,
"update:width": null,
},
props: {
bottom: Boolean,
color: String,
cornerRadius: Number,
dashStyle: String,
left: Boolean,
opacity: Number,
right: Boolean,
top: Boolean,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxBorderConfig);
const DxBorder = defineComponent(DxBorderConfig);
DxBorder.$_optionName = "border";
const DxBreakConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:endValue": null,
"update:startValue": null,
},
props: {
endValue: [Date, Number, String],
startValue: [Date, Number, String]
}
};
prepareConfigurationComponentConfig(DxBreakConfig);
const DxBreak = defineComponent(DxBreakConfig);
DxBreak.$_optionName = "breaks";
DxBreak.$_isCollectionItem = true;
const DxBreakStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:line": null,
"update:width": null,
},
props: {
color: String,
line: String,
width: Number
}
};
prepareConfigurationComponentConfig(DxBreakStyleConfig);
const DxBreakStyle = defineComponent(DxBreakStyleConfig);
DxBreakStyle.$_optionName = "breakStyle";
const DxChartTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:margin": null,
"update:placeholderSize": null,
"update:subtitle": null,
"update:text": null,
"update:textOverflow": null,
"update:verticalAlignment": null,
"update:wordWrap": null,
},
props: {
font: Object,
horizontalAlignment: String,
margin: [Number, Object],
placeholderSize: Number,
subtitle: [Object, String],
text: String,
textOverflow: String,
verticalAlignment: String,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxChartTitleConfig);
const DxChartTitle = defineComponent(DxChartTitleConfig);
DxChartTitle.$_optionName = "title";
DxChartTitle.$_expectedChildren = {
chartTitleSubtitle: { isCollectionItem: false, optionName: "subtitle" },
font: { isCollectionItem: false, optionName: "font" },
margin: { isCollectionItem: false, optionName: "margin" },
subtitle: { isCollectionItem: false, optionName: "subtitle" }
};
const DxChartTitleSubtitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:offset": null,
"update:text": null,
"update:textOverflow": null,
"update:wordWrap": null,
},
props: {
font: Object,
offset: Number,
text: String,
textOverflow: String,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxChartTitleSubtitleConfig);
const DxChartTitleSubtitle = defineComponent(DxChartTitleSubtitleConfig);
DxChartTitleSubtitle.$_optionName = "subtitle";
DxChartTitleSubtitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxColorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:base": null,
"update:fillId": null,
},
props: {
base: String,
fillId: String
}
};
prepareConfigurationComponentConfig(DxColorConfig);
const DxColor = defineComponent(DxColorConfig);
DxColor.$_optionName = "color";
const DxCommonAnnotationSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowDragging": null,
"update:argument": null,
"update:arrowLength": null,
"update:arrowWidth": null,
"update:axis": null,
"update:border": null,
"update:color": null,
"update:customizeTooltip": null,
"update:data": null,
"update:description": null,
"update:font": null,
"update:height": null,
"update:image": null,
"update:offsetX": null,
"update:offsetY": null,
"update:opacity": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:series": null,
"update:shadow": null,
"update:template": null,
"update:text": null,
"update:textOverflow": null,
"update:tooltipEnabled": null,
"update:tooltipTemplate": null,
"update:type": null,
"update:value": null,
"update:width": null,
"update:wordWrap": null,
"update:x": null,
"update:y": null,
},
props: {
allowDragging: Boolean,
argument: [Date, Number, String],
arrowLength: Number,
arrowWidth: Number,
axis: String,
border: Object,
color: String,
customizeTooltip: Function,
data: {},
description: String,
font: Object,
height: Number,
image: [Object, String],
offsetX: Number,
offsetY: Number,
opacity: Number,
paddingLeftRight: Number,
paddingTopBottom: Number,
series: String,
shadow: Object,
template: {},
text: String,
textOverflow: String,
tooltipEnabled: Boolean,
tooltipTemplate: {},
type: String,
value: [Date, Number, String],
width: Number,
wordWrap: String,
x: Number,
y: Number
}
};
prepareConfigurationComponentConfig(DxCommonAnnotationSettingsConfig);
const DxCommonAnnotationSettings = defineComponent(DxCommonAnnotationSettingsConfig);
DxCommonAnnotationSettings.$_optionName = "commonAnnotationSettings";
DxCommonAnnotationSettings.$_expectedChildren = {
annotationBorder: { isCollectionItem: false, optionName: "border" },
annotationImage: { isCollectionItem: false, optionName: "image" },
border: { isCollectionItem: false, optionName: "border" },
font: { isCollectionItem: false, optionName: "font" },
image: { isCollectionItem: false, optionName: "image" },
shadow: { isCollectionItem: false, optionName: "shadow" }
};
const DxCommonAxisSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregatedPointsPosition": null,
"update:allowDecimals": null,
"update:breakStyle": null,
"update:color": null,
"update:constantLineStyle": null,
"update:discreteAxisDivisionMode": null,
"update:endOnTick": null,
"update:grid": null,
"update:inverted": null,
"update:label": null,
"update:maxValueMargin": null,
"update:minorGrid": null,
"update:minorTick": null,
"update:minValueMargin": null,
"update:opacity": null,
"update:placeholderSize": null,
"update:stripStyle": null,
"update:tick": null,
"update:title": null,
"update:valueMarginsEnabled": null,
"update:visible": null,
"update:width": null,
},
props: {
aggregatedPointsPosition: String,
allowDecimals: Boolean,
breakStyle: Object,
color: String,
constantLineStyle: Object,
discreteAxisDivisionMode: String,
endOnTick: Boolean,
grid: Object,
inverted: Boolean,
label: Object,
maxValueMargin: Number,
minorGrid: Object,
minorTick: Object,
minValueMargin: Number,
opacity: Number,
placeholderSize: Number,
stripStyle: Object,
tick: Object,
title: Object,
valueMarginsEnabled: Boolean,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonAxisSettingsConfig);
const DxCommonAxisSettings = defineComponent(DxCommonAxisSettingsConfig);
DxCommonAxisSettings.$_optionName = "commonAxisSettings";
DxCommonAxisSettings.$_expectedChildren = {
breakStyle: { isCollectionItem: false, optionName: "breakStyle" },
commonAxisSettingsConstantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
commonAxisSettingsLabel: { isCollectionItem: false, optionName: "label" },
commonAxisSettingsTitle: { isCollectionItem: false, optionName: "title" },
constantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
grid: { isCollectionItem: false, optionName: "grid" },
label: { isCollectionItem: false, optionName: "label" },
minorGrid: { isCollectionItem: false, optionName: "minorGrid" },
minorTick: { isCollectionItem: false, optionName: "minorTick" },
stripStyle: { isCollectionItem: false, optionName: "stripStyle" },
tick: { isCollectionItem: false, optionName: "tick" },
title: { isCollectionItem: false, optionName: "title" }
};
const DxCommonAxisSettingsConstantLineStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonAxisSettingsConstantLineStyleConfig);
const DxCommonAxisSettingsConstantLineStyle = defineComponent(DxCommonAxisSettingsConstantLineStyleConfig);
DxCommonAxisSettingsConstantLineStyle.$_optionName = "constantLineStyle";
DxCommonAxisSettingsConstantLineStyle.$_expectedChildren = {
commonAxisSettingsConstantLineStyleLabel: { isCollectionItem: false, optionName: "label" },
label: { isCollectionItem: false, optionName: "label" }
};
const DxCommonAxisSettingsConstantLineStyleLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:position": null,
"update:visible": null,
},
props: {
font: Object,
position: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxCommonAxisSettingsConstantLineStyleLabelConfig);
const DxCommonAxisSettingsConstantLineStyleLabel = defineComponent(DxCommonAxisSettingsConstantLineStyleLabelConfig);
DxCommonAxisSettingsConstantLineStyleLabel.$_optionName = "label";
DxCommonAxisSettingsConstantLineStyleLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxCommonAxisSettingsLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:displayMode": null,
"update:font": null,
"update:indentFromAxis": null,
"update:overlappingBehavior": null,
"update:position": null,
"update:rotationAngle": null,
"update:staggeringSpacing": null,
"update:template": null,
"update:textOverflow": null,
"update:visible": null,
"update:wordWrap": null,
},
props: {
alignment: String,
displayMode: String,
font: Object,
indentFromAxis: Number,
overlappingBehavior: String,
position: String,
rotationAngle: Number,
staggeringSpacing: Number,
template: {},
textOverflow: String,
visible: Boolean,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxCommonAxisSettingsLabelConfig);
const DxCommonAxisSettingsLabel = defineComponent(DxCommonAxisSettingsLabelConfig);
DxCommonAxisSettingsLabel.$_optionName = "label";
DxCommonAxisSettingsLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxCommonAxisSettingsTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:font": null,
"update:margin": null,
"update:textOverflow": null,
"update:wordWrap": null,
},
props: {
alignment: String,
font: Object,
margin: Number,
textOverflow: String,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxCommonAxisSettingsTitleConfig);
const DxCommonAxisSettingsTitle = defineComponent(DxCommonAxisSettingsTitleConfig);
DxCommonAxisSettingsTitle.$_optionName = "title";
DxCommonAxisSettingsTitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxCommonPaneSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:border": null,
},
props: {
backgroundColor: [Object, String],
border: Object
}
};
prepareConfigurationComponentConfig(DxCommonPaneSettingsConfig);
const DxCommonPaneSettings = defineComponent(DxCommonPaneSettingsConfig);
DxCommonPaneSettings.$_optionName = "commonPaneSettings";
DxCommonPaneSettings.$_expectedChildren = {
backgroundColor: { isCollectionItem: false, optionName: "backgroundColor" },
border: { isCollectionItem: false, optionName: "border" },
paneBorder: { isCollectionItem: false, optionName: "border" }
};
const DxCommonSeriesSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregation": null,
"update:area": null,
"update:argumentField": null,
"update:axis": null,
"update:bar": null,
"update:barOverlapGroup": null,
"update:barPadding": null,
"update:barWidth": null,
"update:border": null,
"update:bubble": null,
"update:candlestick": null,
"update:closeValueField": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:fullstackedarea": null,
"update:fullstackedbar": null,
"update:fullstackedline": null,
"update:fullstackedspline": null,
"update:fullstackedsplinearea": null,
"update:highValueField": null,
"update:hoverMode": null,
"update:hoverStyle": null,
"update:ignoreEmptyPoints": null,
"update:innerColor": null,
"update:label": null,
"update:line": null,
"update:lowValueField": null,
"update:maxLabelCount": null,
"update:minBarSize": null,
"update:opacity": null,
"update:openValueField": null,
"update:pane": null,
"update:point": null,
"update:rangearea": null,
"update:rangebar": null,
"update:rangeValue1Field": null,
"update:rangeValue2Field": null,
"update:reduction": null,
"update:scatter": null,
"update:selectionMode": null,
"update:selectionStyle": null,
"update:showInLegend": null,
"update:sizeField": null,
"update:spline": null,
"update:splinearea": null,
"update:stack": null,
"update:stackedarea": null,
"update:stackedbar": null,
"update:stackedline": null,
"update:stackedspline": null,
"update:stackedsplinearea": null,
"update:steparea": null,
"update:stepline": null,
"update:stock": null,
"update:tagField": null,
"update:type": null,
"update:valueErrorBar": null,
"update:valueField": null,
"update:visible": null,
"update:width": null,
},
props: {
aggregation: Object,
area: {},
argumentField: String,
axis: String,
bar: {},
barOverlapGroup: String,
barPadding: Number,
barWidth: Number,
border: Object,
bubble: {},
candlestick: {},
closeValueField: String,
color: [Object, String],
cornerRadius: Number,
dashStyle: String,
fullstackedarea: {},
fullstackedbar: {},
fullstackedline: {},
fullstackedspline: {},
fullstackedsplinearea: {},
highValueField: String,
hoverMode: String,
hoverStyle: Object,
ignoreEmptyPoints: Boolean,
innerColor: String,
label: Object,
line: {},
lowValueField: String,
maxLabelCount: Number,
minBarSize: Number,
opacity: Number,
openValueField: String,
pane: String,
point: Object,
rangearea: {},
rangebar: {},
rangeValue1Field: String,
rangeValue2Field: String,
reduction: Object,
scatter: {},
selectionMode: String,
selectionStyle: Object,
showInLegend: Boolean,
sizeField: String,
spline: {},
splinearea: {},
stack: String,
stackedarea: {},
stackedbar: {},
stackedline: {},
stackedspline: {},
stackedsplinearea: {},
steparea: {},
stepline: {},
stock: {},
tagField: String,
type: String,
valueErrorBar: Object,
valueField: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsConfig);
const DxCommonSeriesSettings = defineComponent(DxCommonSeriesSettingsConfig);
DxCommonSeriesSettings.$_optionName = "commonSeriesSettings";
DxCommonSeriesSettings.$_expectedChildren = {
aggregation: { isCollectionItem: false, optionName: "aggregation" },
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
commonSeriesSettingsHoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
commonSeriesSettingsLabel: { isCollectionItem: false, optionName: "label" },
commonSeriesSettingsSelectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
hoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
label: { isCollectionItem: false, optionName: "label" },
point: { isCollectionItem: false, optionName: "point" },
reduction: { isCollectionItem: false, optionName: "reduction" },
selectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
seriesBorder: { isCollectionItem: false, optionName: "border" },
valueErrorBar: { isCollectionItem: false, optionName: "valueErrorBar" }
};
const DxCommonSeriesSettingsHoverStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsHoverStyleConfig);
const DxCommonSeriesSettingsHoverStyle = defineComponent(DxCommonSeriesSettingsHoverStyleConfig);
DxCommonSeriesSettingsHoverStyle.$_optionName = "hoverStyle";
DxCommonSeriesSettingsHoverStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxCommonSeriesSettingsLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:argumentFormat": null,
"update:backgroundColor": null,
"update:border": null,
"update:connector": null,
"update:customizeText": null,
"update:displayFormat": null,
"update:font": null,
"update:format": null,
"update:horizontalOffset": null,
"update:position": null,
"update:rotationAngle": null,
"update:showForZeroValues": null,
"update:verticalOffset": null,
"update:visible": null,
},
props: {
alignment: String,
argumentFormat: [Object, String, Function],
backgroundColor: String,
border: Object,
connector: Object,
customizeText: Function,
displayFormat: String,
font: Object,
format: [Object, String, Function],
horizontalOffset: Number,
position: String,
rotationAngle: Number,
showForZeroValues: Boolean,
verticalOffset: Number,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsLabelConfig);
const DxCommonSeriesSettingsLabel = defineComponent(DxCommonSeriesSettingsLabelConfig);
DxCommonSeriesSettingsLabel.$_optionName = "label";
DxCommonSeriesSettingsLabel.$_expectedChildren = {
argumentFormat: { isCollectionItem: false, optionName: "argumentFormat" },
border: { isCollectionItem: false, optionName: "border" },
connector: { isCollectionItem: false, optionName: "connector" },
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxCommonSeriesSettingsSelectionStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsSelectionStyleConfig);
const DxCommonSeriesSettingsSelectionStyle = defineComponent(DxCommonSeriesSettingsSelectionStyleConfig);
DxCommonSeriesSettingsSelectionStyle.$_optionName = "selectionStyle";
DxCommonSeriesSettingsSelectionStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxConnectorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxConnectorConfig);
const DxConnector = defineComponent(DxConnectorConfig);
DxConnector.$_optionName = "connector";
const DxConstantLineConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:displayBehindSeries": null,
"update:extendAxis": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:value": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
displayBehindSeries: Boolean,
extendAxis: Boolean,
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number,
value: [Date, Number, String],
width: Number
}
};
prepareConfigurationComponentConfig(DxConstantLineConfig);
const DxConstantLine = defineComponent(DxConstantLineConfig);
DxConstantLine.$_optionName = "constantLines";
DxConstantLine.$_isCollectionItem = true;
DxConstantLine.$_expectedChildren = {
label: { isCollectionItem: false, optionName: "label" }
};
const DxConstantLineLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:position": null,
"update:text": null,
"update:verticalAlignment": null,
"update:visible": null,
},
props: {
font: Object,
horizontalAlignment: String,
position: String,
text: String,
verticalAlignment: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxConstantLineLabelConfig);
const DxConstantLineLabel = defineComponent(DxConstantLineLabelConfig);
DxConstantLineLabel.$_optionName = "label";
DxConstantLineLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxConstantLineStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxConstantLineStyleConfig);
const DxConstantLineStyle = defineComponent(DxConstantLineStyleConfig);
DxConstantLineStyle.$_optionName = "constantLineStyle";
DxConstantLineStyle.$_expectedChildren = {
commonAxisSettingsConstantLineStyleLabel: { isCollectionItem: false, optionName: "label" },
label: { isCollectionItem: false, optionName: "label" }
};
const DxCrosshairConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:enabled": null,
"update:horizontalLine": null,
"update:label": null,
"update:opacity": null,
"update:verticalLine": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
enabled: Boolean,
horizontalLine: [Boolean, Object],
label: Object,
opacity: Number,
verticalLine: [Boolean, Object],
width: Number
}
};
prepareConfigurationComponentConfig(DxCrosshairConfig);
const DxCrosshair = defineComponent(DxCrosshairConfig);
DxCrosshair.$_optionName = "crosshair";
DxCrosshair.$_expectedChildren = {
horizontalLine: { isCollectionItem: false, optionName: "horizontalLine" },
horizontalLineLabel: { isCollectionItem: false, optionName: "label" },
label: { isCollectionItem: false, optionName: "label" },
verticalLine: { isCollectionItem: false, optionName: "verticalLine" }
};
const DxDataPrepareSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:checkTypeForAllData": null,
"update:convertToAxisDataType": null,
"update:sortingMethod": null,
},
props: {
checkTypeForAllData: Boolean,
convertToAxisDataType: Boolean,
sortingMethod: [Boolean, Function]
}
};
prepareConfigurationComponentConfig(DxDataPrepareSettingsConfig);
const DxDataPrepareSettings = defineComponent(DxDataPrepareSettingsConfig);
DxDataPrepareSettings.$_optionName = "dataPrepareSettings";
const DxDragBoxStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:opacity": null,
},
props: {
color: String,
opacity: Number
}
};
prepareConfigurationComponentConfig(DxDragBoxStyleConfig);
const DxDragBoxStyle = defineComponent(DxDragBoxStyleConfig);
DxDragBoxStyle.$_optionName = "dragBoxStyle";
const DxExportConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:enabled": null,
"update:fileName": null,
"update:formats": null,
"update:margin": null,
"update:printingEnabled": null,
"update:svgToCanvas": null,
},
props: {
backgroundColor: String,
enabled: Boolean,
fileName: String,
formats: Array,
margin: Number,
printingEnabled: Boolean,
svgToCanvas: Function
}
};
prepareConfigurationComponentConfig(DxExportConfig);
const DxExport = defineComponent(DxExportConfig);
DxExport.$_optionName = "export";
const DxFontConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:family": null,
"update:opacity": null,
"update:size": null,
"update:weight": null,
},
props: {
color: String,
family: String,
opacity: Number,
size: [Number, String],
weight: Number
}
};
prepareConfigurationComponentConfig(DxFontConfig);
const DxFont = defineComponent(DxFontConfig);
DxFont.$_optionName = "font";
const DxFormatConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:currency": null,
"update:formatter": null,
"update:parser": null,
"update:precision": null,
"update:type": null,
"update:useCurrencyAccountingStyle": null,
},
props: {
currency: String,
formatter: Function,
parser: Function,
precision: Number,
type: String,
useCurrencyAccountingStyle: Boolean
}
};
prepareConfigurationComponentConfig(DxFormatConfig);
const DxFormat = defineComponent(DxFormatConfig);
DxFormat.$_optionName = "format";
const DxGridConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
opacity: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxGridConfig);
const DxGrid = defineComponent(DxGridConfig);
DxGrid.$_optionName = "grid";
const DxHatchingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:direction": null,
"update:opacity": null,
"update:step": null,
"update:width": null,
},
props: {
direction: String,
opacity: Number,
step: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxHatchingConfig);
const DxHatching = defineComponent(DxHatchingConfig);
DxHatching.$_optionName = "hatching";
const DxHeightConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:rangeMaxPoint": null,
"update:rangeMinPoint": null,
},
props: {
rangeMaxPoint: Number,
rangeMinPoint: Number
}
};
prepareConfigurationComponentConfig(DxHeightConfig);
const DxHeight = defineComponent(DxHeightConfig);
DxHeight.$_optionName = "height";
const DxHorizontalLineConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:label": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
label: Object,
opacity: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxHorizontalLineConfig);
const DxHorizontalLine = defineComponent(DxHorizontalLineConfig);
DxHorizontalLine.$_optionName = "horizontalLine";
DxHorizontalLine.$_expectedChildren = {
horizontalLineLabel: { isCollectionItem: false, optionName: "label" },
label: { isCollectionItem: false, optionName: "label" }
};
const DxHorizontalLineLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:customizeText": null,
"update:font": null,
"update:format": null,
"update:visible": null,
},
props: {
backgroundColor: String,
customizeText: Function,
font: Object,
format: [Object, String, Function],
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxHorizontalLineLabelConfig);
const DxHorizontalLineLabel = defineComponent(DxHorizontalLineLabelConfig);
DxHorizontalLineLabel.$_optionName = "label";
DxHorizontalLineLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" }
};
const DxHoverStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:size": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
size: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxHoverStyleConfig);
const DxHoverStyle = defineComponent(DxHoverStyleConfig);
DxHoverStyle.$_optionName = "hoverStyle";
DxHoverStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
pointBorder: { isCollectionItem: false, optionName: "border" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxImageConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:url": null,
"update:width": null,
},
props: {
height: [Number, Object],
url: [String, Object],
width: [Number, Object]
}
};
prepareConfigurationComponentConfig(DxImageConfig);
const DxImage = defineComponent(DxImageConfig);
DxImage.$_optionName = "image";
DxImage.$_expectedChildren = {
height: { isCollectionItem: false, optionName: "height" },
url: { isCollectionItem: false, optionName: "url" },
width: { isCollectionItem: false, optionName: "width" }
};
const DxLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:argumentFormat": null,
"update:backgroundColor": null,
"update:border": null,
"update:connector": null,
"update:customizeHint": null,
"update:customizeText": null,
"update:displayFormat": null,
"update:displayMode": null,
"update:font": null,
"update:format": null,
"update:horizontalAlignment": null,
"update:horizontalOffset": null,
"update:indentFromAxis": null,
"update:overlappingBehavior": null,
"update:position": null,
"update:rotationAngle": null,
"update:showForZeroValues": null,
"update:staggeringSpacing": null,
"update:template": null,
"update:text": null,
"update:textOverflow": null,
"update:verticalAlignment": null,
"update:verticalOffset": null,
"update:visible": null,
"update:wordWrap": null,
},
props: {
alignment: String,
argumentFormat: [Object, String, Function],
backgroundColor: String,
border: Object,
connector: Object,
customizeHint: Function,
customizeText: Function,
displayFormat: String,
displayMode: String,
font: Object,
format: [Object, String, Function],
horizontalAlignment: String,
horizontalOffset: Number,
indentFromAxis: Number,
overlappingBehavior: String,
position: String,
rotationAngle: Number,
showForZeroValues: Boolean,
staggeringSpacing: Number,
template: {},
text: String,
textOverflow: String,
verticalAlignment: String,
verticalOffset: Number,
visible: Boolean,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxLabelConfig);
const DxLabel = defineComponent(DxLabelConfig);
DxLabel.$_optionName = "label";
DxLabel.$_expectedChildren = {
argumentFormat: { isCollectionItem: false, optionName: "argumentFormat" },
border: { isCollectionItem: false, optionName: "border" },
connector: { isCollectionItem: false, optionName: "connector" },
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxLegendConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:border": null,
"update:columnCount": null,
"update:columnItemSpacing": null,
"update:customizeHint": null,
"update:customizeItems": null,
"update:customizeText": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:hoverMode": null,
"update:itemsAlignment": null,
"update:itemTextPosition": null,
"update:margin": null,
"update:markerSize": null,
"update:markerTemplate": null,
"update:orientation": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:position": null,
"update:rowCount": null,
"update:rowItemSpacing": null,
"update:title": null,
"update:verticalAlignment": null,
"update:visible": null,
},
props: {
backgroundColor: String,
border: Object,
columnCount: Number,
columnItemSpacing: Number,
customizeHint: Function,
customizeItems: Function,
customizeText: Function,
font: Object,
horizontalAlignment: String,
hoverMode: String,
itemsAlignment: String,
itemTextPosition: String,
margin: [Number, Object],
markerSize: Number,
markerTemplate: {},
orientation: String,
paddingLeftRight: Number,
paddingTopBottom: Number,
position: String,
rowCount: Number,
rowItemSpacing: Number,
title: [Object, String],
verticalAlignment: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxLegendConfig);
const DxLegend = defineComponent(DxLegendConfig);
DxLegend.$_optionName = "legend";
DxLegend.$_expectedChildren = {
annotationBorder: { isCollectionItem: false, optionName: "border" },
border: { isCollectionItem: false, optionName: "border" },
font: { isCollectionItem: false, optionName: "font" },
legendTitle: { isCollectionItem: false, optionName: "title" },
margin: { isCollectionItem: false, optionName: "margin" },
title: { isCollectionItem: false, optionName: "title" }
};
const DxLegendTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:margin": null,
"update:placeholderSize": null,
"update:subtitle": null,
"update:text": null,
"update:verticalAlignment": null,
},
props: {
font: Object,
horizontalAlignment: String,
margin: Object,
placeholderSize: Number,
subtitle: [Object, String],
text: String,
verticalAlignment: String
}
};
prepareConfigurationComponentConfig(DxLegendTitleConfig);
const DxLegendTitle = defineComponent(DxLegendTitleConfig);
DxLegendTitle.$_optionName = "title";
DxLegendTitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" },
legendTitleSubtitle: { isCollectionItem: false, optionName: "subtitle" },
margin: { isCollectionItem: false, optionName: "margin" },
subtitle: { isCollectionItem: false, optionName: "subtitle" }
};
const DxLegendTitleSubtitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:offset": null,
"update:text": null,
},
props: {
font: Object,
offset: Number,
text: String
}
};
prepareConfigurationComponentConfig(DxLegendTitleSubtitleConfig);
const DxLegendTitleSubtitle = defineComponent(DxLegendTitleSubtitleConfig);
DxLegendTitleSubtitle.$_optionName = "subtitle";
DxLegendTitleSubtitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxLengthConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxLengthConfig);
const DxLength = defineComponent(DxLengthConfig);
DxLength.$_optionName = "length";
const DxLoadingIndicatorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:enabled": null,
"update:font": null,
"update:show": null,
"update:text": null,
},
props: {
backgroundColor: String,
enabled: Boolean,
font: Object,
show: Boolean,
text: String
}
};
prepareConfigurationComponentConfig(DxLoadingIndicatorConfig);
const DxLoadingIndicator = defineComponent(DxLoadingIndicatorConfig);
DxLoadingIndicator.$_optionName = "loadingIndicator";
DxLoadingIndicator.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxMarginConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:bottom": null,
"update:left": null,
"update:right": null,
"update:top": null,
},
props: {
bottom: Number,
left: Number,
right: Number,
top: Number
}
};
prepareConfigurationComponentConfig(DxMarginConfig);
const DxMargin = defineComponent(DxMarginConfig);
DxMargin.$_optionName = "margin";
const DxMinorGridConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
opacity: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxMinorGridConfig);
const DxMinorGrid = defineComponent(DxMinorGridConfig);
DxMinorGrid.$_optionName = "minorGrid";
const DxMinorTickConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:length": null,
"update:opacity": null,
"update:shift": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
length: Number,
opacity: Number,
shift: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxMinorTickConfig);
const DxMinorTick = defineComponent(DxMinorTickConfig);
DxMinorTick.$_optionName = "minorTick";
const DxMinorTickIntervalConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxMinorTickIntervalConfig);
const DxMinorTickInterval = defineComponent(DxMinorTickIntervalConfig);
DxMinorTickInterval.$_optionName = "minorTickInterval";
const DxMinVisualRangeLengthConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxMinVisualRangeLengthConfig);
const DxMinVisualRangeLength = defineComponent(DxMinVisualRangeLengthConfig);
DxMinVisualRangeLength.$_optionName = "minVisualRangeLength";
const DxPaneConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:border": null,
"update:height": null,
"update:name": null,
},
props: {
backgroundColor: [Object, String],
border: Object,
height: [Number, String],
name: String
}
};
prepareConfigurationComponentConfig(DxPaneConfig);
const DxPane = defineComponent(DxPaneConfig);
DxPane.$_optionName = "panes";
DxPane.$_isCollectionItem = true;
DxPane.$_expectedChildren = {
backgroundColor: { isCollectionItem: false, optionName: "backgroundColor" },
border: { isCollectionItem: false, optionName: "border" },
paneBorder: { isCollectionItem: false, optionName: "border" }
};
const DxPaneBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:bottom": null,
"update:color": null,
"update:dashStyle": null,
"update:left": null,
"update:opacity": null,
"update:right": null,
"update:top": null,
"update:visible": null,
"update:width": null,
},
props: {
bottom: Boolean,
color: String,
dashStyle: String,
left: Boolean,
opacity: Number,
right: Boolean,
top: Boolean,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxPaneBorderConfig);
const DxPaneBorder = defineComponent(DxPaneBorderConfig);
DxPaneBorder.$_optionName = "border";
const DxPointConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:hoverMode": null,
"update:hoverStyle": null,
"update:image": null,
"update:selectionMode": null,
"update:selectionStyle": null,
"update:size": null,
"update:symbol": null,
"update:visible": null,
},
props: {
border: Object,
color: [Object, String],
hoverMode: String,
hoverStyle: Object,
image: [Object, String],
selectionMode: String,
selectionStyle: Object,
size: Number,
symbol: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxPointConfig);
const DxPoint = defineComponent(DxPointConfig);
DxPoint.$_optionName = "point";
DxPoint.$_expectedChildren = {
color: { isCollectionItem: false, optionName: "color" },
hoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
image: { isCollectionItem: false, optionName: "image" },
pointBorder: { isCollectionItem: false, optionName: "border" },
selectionStyle: { isCollectionItem: false, optionName: "selectionStyle" }
};
const DxPointBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxPointBorderConfig);
const DxPointBorder = defineComponent(DxPointBorderConfig);
DxPointBorder.$_optionName = "border";
const DxPointHoverStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:size": null,
},
props: {
border: Object,
color: [Object, String],
size: Number
}
};
prepareConfigurationComponentConfig(DxPointHoverStyleConfig);
const DxPointHoverStyle = defineComponent(DxPointHoverStyleConfig);
DxPointHoverStyle.$_optionName = "hoverStyle";
DxPointHoverStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
pointBorder: { isCollectionItem: false, optionName: "border" }
};
const DxPointImageConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:url": null,
"update:width": null,
},
props: {
height: [Number, Object],
url: [Object, String],
width: [Number, Object]
}
};
prepareConfigurationComponentConfig(DxPointImageConfig);
const DxPointImage = defineComponent(DxPointImageConfig);
DxPointImage.$_optionName = "image";
DxPointImage.$_expectedChildren = {
height: { isCollectionItem: false, optionName: "height" },
url: { isCollectionItem: false, optionName: "url" },
width: { isCollectionItem: false, optionName: "width" }
};
const DxPointSelectionStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:size": null,
},
props: {
border: Object,
color: [Object, String],
size: Number
}
};
prepareConfigurationComponentConfig(DxPointSelectionStyleConfig);
const DxPointSelectionStyle = defineComponent(DxPointSelectionStyleConfig);
DxPointSelectionStyle.$_optionName = "selectionStyle";
DxPointSelectionStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
pointBorder: { isCollectionItem: false, optionName: "border" }
};
const DxReductionConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:level": null,
},
props: {
color: String,
level: String
}
};
prepareConfigurationComponentConfig(DxReductionConfig);
const DxReduction = defineComponent(DxReductionConfig);
DxReduction.$_optionName = "reduction";
const DxScrollBarConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:offset": null,
"update:opacity": null,
"update:position": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
offset: Number,
opacity: Number,
position: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxScrollBarConfig);
const DxScrollBar = defineComponent(DxScrollBarConfig);
DxScrollBar.$_optionName = "scrollBar";
const DxSelectionStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:size": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
size: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxSelectionStyleConfig);
const DxSelectionStyle = defineComponent(DxSelectionStyleConfig);
DxSelectionStyle.$_optionName = "selectionStyle";
DxSelectionStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
pointBorder: { isCollectionItem: false, optionName: "border" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxSeriesConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregation": null,
"update:argumentField": null,
"update:axis": null,
"update:barOverlapGroup": null,
"update:barPadding": null,
"update:barWidth": null,
"update:border": null,
"update:closeValueField": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:highValueField": null,
"update:hoverMode": null,
"update:hoverStyle": null,
"update:ignoreEmptyPoints": null,
"update:innerColor": null,
"update:label": null,
"update:lowValueField": null,
"update:maxLabelCount": null,
"update:minBarSize": null,
"update:name": null,
"update:opacity": null,
"update:openValueField": null,
"update:pane": null,
"update:point": null,
"update:rangeValue1Field": null,
"update:rangeValue2Field": null,
"update:reduction": null,
"update:selectionMode": null,
"update:selectionStyle": null,
"update:showInLegend": null,
"update:sizeField": null,
"update:stack": null,
"update:tag": null,
"update:tagField": null,
"update:type": null,
"update:valueErrorBar": null,
"update:valueField": null,
"update:visible": null,
"update:width": null,
},
props: {
aggregation: Object,
argumentField: String,
axis: String,
barOverlapGroup: String,
barPadding: Number,
barWidth: Number,
border: Object,
closeValueField: String,
color: [Object, String],
cornerRadius: Number,
dashStyle: String,
highValueField: String,
hoverMode: String,
hoverStyle: Object,
ignoreEmptyPoints: Boolean,
innerColor: String,
label: Object,
lowValueField: String,
maxLabelCount: Number,
minBarSize: Number,
name: String,
opacity: Number,
openValueField: String,
pane: String,
point: Object,
rangeValue1Field: String,
rangeValue2Field: String,
reduction: Object,
selectionMode: String,
selectionStyle: Object,
showInLegend: Boolean,
sizeField: String,
stack: String,
tag: {},
tagField: String,
type: String,
valueErrorBar: Object,
valueField: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxSeriesConfig);
const DxSeries = defineComponent(DxSeriesConfig);
DxSeries.$_optionName = "series";
DxSeries.$_isCollectionItem = true;
DxSeries.$_expectedChildren = {
aggregation: { isCollectionItem: false, optionName: "aggregation" },
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
commonSeriesSettingsHoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
commonSeriesSettingsLabel: { isCollectionItem: false, optionName: "label" },
commonSeriesSettingsSelectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
hoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
label: { isCollectionItem: false, optionName: "label" },
point: { isCollectionItem: false, optionName: "point" },
reduction: { isCollectionItem: false, optionName: "reduction" },
selectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
seriesBorder: { isCollectionItem: false, optionName: "border" },
valueErrorBar: { isCollectionItem: false, optionName: "valueErrorBar" }
};
const DxSeriesBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxSeriesBorderConfig);
const DxSeriesBorder = defineComponent(DxSeriesBorderConfig);
DxSeriesBorder.$_optionName = "border";
const DxSeriesTemplateConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:customizeSeries": null,
"update:nameField": null,
},
props: {
customizeSeries: Function,
nameField: String
}
};
prepareConfigurationComponentConfig(DxSeriesTemplateConfig);
const DxSeriesTemplate = defineComponent(DxSeriesTemplateConfig);
DxSeriesTemplate.$_optionName = "seriesTemplate";
const DxShadowConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:blur": null,
"update:color": null,
"update:offsetX": null,
"update:offsetY": null,
"update:opacity": null,
},
props: {
blur: Number,
color: String,
offsetX: Number,
offsetY: Number,
opacity: Number
}
};
prepareConfigurationComponentConfig(DxShadowConfig);
const DxShadow = defineComponent(DxShadowConfig);
DxShadow.$_optionName = "shadow";
const DxSizeConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:width": null,
},
props: {
height: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxSizeConfig);
const DxSize = defineComponent(DxSizeConfig);
DxSize.$_optionName = "size";
const DxStripConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:endValue": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:startValue": null,
},
props: {
color: String,
endValue: [Date, Number, String],
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number,
startValue: [Date, Number, String]
}
};
prepareConfigurationComponentConfig(DxStripConfig);
const DxStrip = defineComponent(DxStripConfig);
DxStrip.$_optionName = "strips";
DxStrip.$_isCollectionItem = true;
DxStrip.$_expectedChildren = {
label: { isCollectionItem: false, optionName: "label" }
};
const DxStripLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:text": null,
"update:verticalAlignment": null,
},
props: {
font: Object,
horizontalAlignment: String,
text: String,
verticalAlignment: String
}
};
prepareConfigurationComponentConfig(DxStripLabelConfig);
const DxStripLabel = defineComponent(DxStripLabelConfig);
DxStripLabel.$_optionName = "label";
DxStripLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxStripStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
},
props: {
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number
}
};
prepareConfigurationComponentConfig(DxStripStyleConfig);
const DxStripStyle = defineComponent(DxStripStyleConfig);
DxStripStyle.$_optionName = "stripStyle";
DxStripStyle.$_expectedChildren = {
label: { isCollectionItem: false, optionName: "label" }
};
const DxStripStyleLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:verticalAlignment": null,
},
props: {
font: Object,
horizontalAlignment: String,
verticalAlignment: String
}
};
prepareConfigurationComponentConfig(DxStripStyleLabelConfig);
const DxStripStyleLabel = defineComponent(DxStripStyleLabelConfig);
DxStripStyleLabel.$_optionName = "label";
DxStripStyleLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxSubtitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:offset": null,
"update:text": null,
"update:textOverflow": null,
"update:wordWrap": null,
},
props: {
font: Object,
offset: Number,
text: String,
textOverflow: String,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxSubtitleConfig);
const DxSubtitle = defineComponent(DxSubtitleConfig);
DxSubtitle.$_optionName = "subtitle";
DxSubtitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxTickConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:length": null,
"update:opacity": null,
"update:shift": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
length: Number,
opacity: Number,
shift: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxTickConfig);
const DxTick = defineComponent(DxTickConfig);
DxTick.$_optionName = "tick";
const DxTickIntervalConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxTickIntervalConfig);
const DxTickInterval = defineComponent(DxTickIntervalConfig);
DxTickInterval.$_optionName = "tickInterval";
const DxTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:margin": null,
"update:placeholderSize": null,
"update:subtitle": null,
"update:text": null,
"update:textOverflow": null,
"update:verticalAlignment": null,
"update:wordWrap": null,
},
props: {
alignment: String,
font: Object,
horizontalAlignment: String,
margin: [Number, Object],
placeholderSize: Number,
subtitle: [Object, String],
text: String,
textOverflow: String,
verticalAlignment: String,
wordWrap: String
}
};
prepareConfigurationComponentConfig(DxTitleConfig);
const DxTitle = defineComponent(DxTitleConfig);
DxTitle.$_optionName = "title";
DxTitle.$_expectedChildren = {
chartTitleSubtitle: { isCollectionItem: false, optionName: "subtitle" },
font: { isCollectionItem: false, optionName: "font" },
legendTitleSubtitle: { isCollectionItem: false, optionName: "subtitle" },
margin: { isCollectionItem: false, optionName: "margin" }
};
const DxTooltipConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:argumentFormat": null,
"update:arrowLength": null,
"update:border": null,
"update:color": null,
"update:container": null,
"update:contentTemplate": null,
"update:cornerRadius": null,
"update:customizeTooltip": null,
"update:enabled": null,
"update:font": null,
"update:format": null,
"update:interactive": null,
"update:location": null,
"update:opacity": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:shadow": null,
"update:shared": null,
"update:zIndex": null,
},
props: {
argumentFormat: [Object, String, Function],
arrowLength: Number,
border: Object,
color: String,
container: {},
contentTemplate: {},
cornerRadius: Number,
customizeTooltip: Function,
enabled: Boolean,
font: Object,
format: [Object, String, Function],
interactive: Boolean,
location: String,
opacity: Number,
paddingLeftRight: Number,
paddingTopBottom: Number,
shadow: Object,
shared: Boolean,
zIndex: Number
}
};
prepareConfigurationComponentConfig(DxTooltipConfig);
const DxTooltip = defineComponent(DxTooltipConfig);
DxTooltip.$_optionName = "tooltip";
DxTooltip.$_expectedChildren = {
argumentFormat: { isCollectionItem: false, optionName: "argumentFormat" },
border: { isCollectionItem: false, optionName: "border" },
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" },
shadow: { isCollectionItem: false, optionName: "shadow" },
tooltipBorder: { isCollectionItem: false, optionName: "border" }
};
const DxTooltipBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
opacity: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxTooltipBorderConfig);
const DxTooltipBorder = defineComponent(DxTooltipBorderConfig);
DxTooltipBorder.$_optionName = "border";
const DxUrlConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:rangeMaxPoint": null,
"update:rangeMinPoint": null,
},
props: {
rangeMaxPoint: String,
rangeMinPoint: String
}
};
prepareConfigurationComponentConfig(DxUrlConfig);
const DxUrl = defineComponent(DxUrlConfig);
DxUrl.$_optionName = "url";
const DxValueAxisConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregatedPointsPosition": null,
"update:allowDecimals": null,
"update:autoBreaksEnabled": null,
"update:axisDivisionFactor": null,
"update:breaks": null,
"update:breakStyle": null,
"update:categories": null,
"update:color": null,
"update:constantLines": null,
"update:constantLineStyle": null,
"update:customPosition": null,
"update:discreteAxisDivisionMode": null,
"update:endOnTick": null,
"update:grid": null,
"update:inverted": null,
"update:label": null,
"update:linearThreshold": null,
"update:logarithmBase": null,
"update:maxAutoBreakCount": null,
"update:maxValueMargin": null,
"update:minorGrid": null,
"update:minorTick": null,
"update:minorTickCount": null,
"update:minorTickInterval": null,
"update:minValueMargin": null,
"update:minVisualRangeLength": null,
"update:multipleAxesSpacing": null,
"update:name": null,
"update:offset": null,
"update:opacity": null,
"update:pane": null,
"update:placeholderSize": null,
"update:position": null,
"update:showZero": null,
"update:strips": null,
"update:stripStyle": null,
"update:synchronizedValue": null,
"update:tick": null,
"update:tickInterval": null,
"update:title": null,
"update:type": null,
"update:valueMarginsEnabled": null,
"update:valueType": null,
"update:visible": null,
"update:visualRange": null,
"update:visualRangeUpdateMode": null,
"update:wholeRange": null,
"update:width": null,
},
props: {
aggregatedPointsPosition: String,
allowDecimals: Boolean,
autoBreaksEnabled: Boolean,
axisDivisionFactor: Number,
breaks: Array,
breakStyle: Object,
categories: Array,
color: String,
constantLines: Array,
constantLineStyle: Object,
customPosition: [Date, Number, String],
discreteAxisDivisionMode: String,
endOnTick: Boolean,
grid: Object,
inverted: Boolean,
label: Object,
linearThreshold: Number,
logarithmBase: Number,
maxAutoBreakCount: Number,
maxValueMargin: Number,
minorGrid: Object,
minorTick: Object,
minorTickCount: Number,
minorTickInterval: [Number, Object, String],
minValueMargin: Number,
minVisualRangeLength: [Number, Object, String],
multipleAxesSpacing: Number,
name: String,
offset: Number,
opacity: Number,
pane: String,
placeholderSize: Number,
position: String,
showZero: Boolean,
strips: Array,
stripStyle: Object,
synchronizedValue: Number,
tick: Object,
tickInterval: [Number, Object, String],
title: [Object, String],
type: String,
valueMarginsEnabled: Boolean,
valueType: String,
visible: Boolean,
visualRange: [Array, Object],
visualRangeUpdateMode: String,
wholeRange: [Array, Object],
width: Number
}
};
prepareConfigurationComponentConfig(DxValueAxisConfig);
const DxValueAxis = defineComponent(DxValueAxisConfig);
DxValueAxis.$_optionName = "valueAxis";
DxValueAxis.$_isCollectionItem = true;
DxValueAxis.$_expectedChildren = {
axisConstantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
axisLabel: { isCollectionItem: false, optionName: "label" },
axisTitle: { isCollectionItem: false, optionName: "title" },
break: { isCollectionItem: true, optionName: "breaks" },
breakStyle: { isCollectionItem: false, optionName: "breakStyle" },
constantLine: { isCollectionItem: true, optionName: "constantLines" },
constantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
grid: { isCollectionItem: false, optionName: "grid" },
label: { isCollectionItem: false, optionName: "label" },
minorGrid: { isCollectionItem: false, optionName: "minorGrid" },
minorTick: { isCollectionItem: false, optionName: "minorTick" },
minorTickInterval: { isCollectionItem: false, optionName: "minorTickInterval" },
minVisualRangeLength: { isCollectionItem: false, optionName: "minVisualRangeLength" },
strip: { isCollectionItem: true, optionName: "strips" },
stripStyle: { isCollectionItem: false, optionName: "stripStyle" },
tick: { isCollectionItem: false, optionName: "tick" },
tickInterval: { isCollectionItem: false, optionName: "tickInterval" },
title: { isCollectionItem: false, optionName: "title" },
visualRange: { isCollectionItem: false, optionName: "visualRange" },
wholeRange: { isCollectionItem: false, optionName: "wholeRange" }
};
const DxValueErrorBarConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:displayMode": null,
"update:edgeLength": null,
"update:highValueField": null,
"update:lineWidth": null,
"update:lowValueField": null,
"update:opacity": null,
"update:type": null,
"update:value": null,
},
props: {
color: String,
displayMode: String,
edgeLength: Number,
highValueField: String,
lineWidth: Number,
lowValueField: String,
opacity: Number,
type: String,
value: Number
}
};
prepareConfigurationComponentConfig(DxValueErrorBarConfig);
const DxValueErrorBar = defineComponent(DxValueErrorBarConfig);
DxValueErrorBar.$_optionName = "valueErrorBar";
const DxVerticalLineConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:label": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
label: Object,
opacity: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxVerticalLineConfig);
const DxVerticalLine = defineComponent(DxVerticalLineConfig);
DxVerticalLine.$_optionName = "verticalLine";
DxVerticalLine.$_expectedChildren = {
horizontalLineLabel: { isCollectionItem: false, optionName: "label" },
label: { isCollectionItem: false, optionName: "label" }
};
const DxVisualRangeConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:endValue": null,
"update:length": null,
"update:startValue": null,
},
props: {
endValue: [Date, Number, String],
length: [Number, Object, String],
startValue: [Date, Number, String]
}
};
prepareConfigurationComponentConfig(DxVisualRangeConfig);
const DxVisualRange = defineComponent(DxVisualRangeConfig);
DxVisualRange.$_optionName = "visualRange";
DxVisualRange.$_expectedChildren = {
length: { isCollectionItem: false, optionName: "length" }
};
const DxWholeRangeConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:endValue": null,
"update:length": null,
"update:startValue": null,
},
props: {
endValue: [Date, Number, String],
length: [Number, Object, String],
startValue: [Date, Number, String]
}
};
prepareConfigurationComponentConfig(DxWholeRangeConfig);
const DxWholeRange = defineComponent(DxWholeRangeConfig);
DxWholeRange.$_optionName = "wholeRange";
DxWholeRange.$_expectedChildren = {
length: { isCollectionItem: false, optionName: "length" }
};
const DxWidthConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:rangeMaxPoint": null,
"update:rangeMinPoint": null,
},
props: {
rangeMaxPoint: Number,
rangeMinPoint: Number
}
};
prepareConfigurationComponentConfig(DxWidthConfig);
const DxWidth = defineComponent(DxWidthConfig);
DxWidth.$_optionName = "width";
const DxZoomAndPanConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowMouseWheel": null,
"update:allowTouchGestures": null,
"update:argumentAxis": null,
"update:dragBoxStyle": null,
"update:dragToZoom": null,
"update:panKey": null,
"update:valueAxis": null,
},
props: {
allowMouseWheel: Boolean,
allowTouchGestures: Boolean,
argumentAxis: String,
dragBoxStyle: Object,
dragToZoom: Boolean,
panKey: String,
valueAxis: String
}
};
prepareConfigurationComponentConfig(DxZoomAndPanConfig);
const DxZoomAndPan = defineComponent(DxZoomAndPanConfig);
DxZoomAndPan.$_optionName = "zoomAndPan";
DxZoomAndPan.$_expectedChildren = {
dragBoxStyle: { isCollectionItem: false, optionName: "dragBoxStyle" }
};
export default DxChart;
export { DxChart, DxAdaptiveLayout, DxAggregation, DxAggregationInterval, DxAnimation, DxAnnotation, DxAnnotationBorder, DxAnnotationImage, DxArgumentAxis, DxArgumentFormat, DxAxisConstantLineStyle, DxAxisConstantLineStyleLabel, DxAxisLabel, DxAxisTitle, DxBackgroundColor, DxBorder, DxBreak, DxBreakStyle, DxChartTitle, DxChartTitleSubtitle, DxColor, DxCommonAnnotationSettings, DxCommonAxisSettings, DxCommonAxisSettingsConstantLineStyle, DxCommonAxisSettingsConstantLineStyleLabel, DxCommonAxisSettingsLabel, DxCommonAxisSettingsTitle, DxCommonPaneSettings, DxCommonSeriesSettings, DxCommonSeriesSettingsHoverStyle, DxCommonSeriesSettingsLabel, DxCommonSeriesSettingsSelectionStyle, DxConnector, DxConstantLine, DxConstantLineLabel, DxConstantLineStyle, DxCrosshair, DxDataPrepareSettings, DxDragBoxStyle, DxExport, DxFont, DxFormat, DxGrid, DxHatching, DxHeight, DxHorizontalLine, DxHorizontalLineLabel, DxHoverStyle, DxImage, DxLabel, DxLegend, DxLegendTitle, DxLegendTitleSubtitle, DxLength, DxLoadingIndicator, DxMargin, DxMinorGrid, DxMinorTick, DxMinorTickInterval, DxMinVisualRangeLength, DxPane, DxPaneBorder, DxPoint, DxPointBorder, DxPointHoverStyle, DxPointImage, DxPointSelectionStyle, DxReduction, DxScrollBar, DxSelectionStyle, DxSeries, DxSeriesBorder, DxSeriesTemplate, DxShadow, DxSize, DxStrip, DxStripLabel, DxStripStyle, DxStripStyleLabel, DxSubtitle, DxTick, DxTickInterval, DxTitle, DxTooltip, DxTooltipBorder, DxUrl, DxValueAxis, DxValueErrorBar, DxVerticalLine, DxVisualRange, DxWholeRange, DxWidth, DxZoomAndPan };