devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
1,546 lines (1,543 loc) • 134 kB
JavaScript
'use strict';
/**
* @name dxchart
* @publicName dxChart
* @inherits BaseChart
* @module viz/chart
* @export default
*/
var dxChart = {
/**
* @name dxchart.options
* @publicName Options
* @namespace DevExpress.viz.charts
* @hidden
*/
/**
* @name dxchartoptions.seriestemplate
* @publicName seriesTemplate
* @type object
* @default undefined
* @notUsedInTheme
*/
seriesTemplate: {
/**
* @name dxchartoptions.seriestemplate.nameField
* @publicName nameField
* @type string
* @default 'series'
*/
nameField: 'series',
/**
* @name dxchartoptions.seriestemplate.customizeSeries
* @publicName customizeSeries
* @type function(seriesName)
* @type_function_param1 seriesName:any
* @type_function_return dxChartOptions.series
*/
customizeSeries: function customizeSeries() {}
},
/**
* @name dxchartoptions.resolvelabeloverlapping
* @publicName resolveLabelOverlapping
* @type Enums.ChartResolveLabelOverlapping
* @default "none"
*/
resolveLabelOverlapping: "none",
/**
* @name dxchartoptions.seriesSelectionMode
* @publicName seriesSelectionMode
* @type Enums.ChartElementSelectionMode
* @default 'single'
*/
seriesSelectionMode: 'single',
/**
* @name dxchartoptions.containerbackgroundcolor
* @publicName containerBackgroundColor
* @type string
* @default '#FFFFFF'
*/
containerBackgroundColor: '#FFFFFF',
/**
* @name dxchartoptions.onseriesclick
* @publicName onSeriesClick
* @extends Action
* @type function(e)|string
* @type_function_param1 e:object
* @type_function_param1_field4 jQueryEvent:jQuery.Event:deprecated(event)
* @type_function_param1_field5 event:event
* @type_function_param1_field6 target:chartSeriesObject
* @notUsedInTheme
* @action
*/
onSeriesClick: function onSeriesClick() {},
/**
* @name dxchartoptions.onlegendclick
* @publicName onLegendClick
* @extends Action
* @type function(e)|string
* @type_function_param1 e:object
* @type_function_param1_field4 jQueryEvent:jQuery.Event:deprecated(event)
* @type_function_param1_field5 event:event
* @type_function_param1_field6 target:chartSeriesObject
* @notUsedInTheme
* @action
*/
onLegendClick: function onLegendClick() {},
/**
* @name dxchartoptions.equalbarwidth
* @publicName equalBarWidth
* @type boolean
* @deprecated dxChartSeriesTypes.CommonSeries.ignoreEmptyPoints
*/
equalBarWidth: true,
/**
* @name dxchartoptions.barwidth
* @publicName barWidth
* @type number
* @deprecated dxChartSeriesTypes.CommonSeries.barPadding
*/
barWidth: undefined,
/**
* @name dxchartoptions.bargrouppadding
* @publicName barGroupPadding
* @type number
* @default 0.3
* @propertyOf dxChartSeriesTypes.BarSeries,dxChartSeriesTypes.StackedBarSeries,dxChartSeriesTypes.FullStackedBarSeries,dxChartSeriesTypes.RangeBarSeriesSeries
*/
barGroupPadding: 0.3,
/**
* @name dxchartoptions.bargroupwidth
* @publicName barGroupWidth
* @type number
* @default undefined
* @propertyOf dxChartSeriesTypes.BarSeries,dxChartSeriesTypes.StackedBarSeries,dxChartSeriesTypes.FullStackedBarSeries,dxChartSeriesTypes.RangeBarSeriesSeries
*/
barGroupWidth: undefined,
/**
* @name dxchartoptions.negativesaszeroes
* @publicName negativesAsZeroes
* @type boolean
* @default false
* @propertyOf dxChartSeriesTypes.StackedBarSeries,dxChartSeriesTypes.FullStackedBarSeries,dxChartSeriesTypes.StackedAreaSeries,dxChartSeriesTypes.FullStackedAreaSeries,dxChartSeriesTypes.StackedLineSeries,dxChartSeriesTypes.FullStackedLineSeries,dxChartSeriesTypes.StackedSplineSeries,dxChartSeriesTypes.FullStackedSplineSeries,dxChartSeriesTypes.StackedSplineAreaSeries,dxChartSeriesTypes.FullStackedSplineAreaSeries
*/
negativesAsZeroes: false,
/**
* @name dxchartoptions.commonseriessettings
* @publicName commonSeriesSettings
* @type object
* @inherits dxChartSeriesTypes.CommonSeries
* @hideDefaults true
* @inheritAll
*/
commonSeriesSettings: {
/**
* @name dxchartoptions.commonseriessettings.type
* @publicName type
* @type Enums.SeriesType
* @default 'line'
*/
type: 'line',
/**
* @name dxchartoptions.commonseriessettings.line
* @publicName line
* @type object
*/
line: {},
/**
* @name dxchartoptions.commonseriessettings.fullstackedline
* @publicName fullstackedline
* @type object
*/
fullstackedline: {},
/**
* @name dxchartoptions.commonseriessettings.fullstackedspline
* @publicName fullstackedspline
* @type object
*/
fullstackedspline: {},
/**
* @name dxchartoptions.commonseriessettings.stackedline
* @publicName stackedline
* @type object
*/
stackedline: {},
/**
* @name dxchartoptions.commonseriessettings.stackedspline
* @publicName stackedspline
* @type object
*/
stackedspline: {},
/**
* @name dxchartoptions.commonseriessettings.stepline
* @publicName stepline
* @type object
*/
stepline: {},
/**
* @name dxchartoptions.commonseriessettings.area
* @publicName area
* @type object
*/
area: {},
/**
* @name dxchartoptions.commonseriessettings.fullstackedarea
* @publicName fullstackedarea
* @type object
*/
fullstackedarea: {},
/**
* @name dxchartoptions.commonseriessettings.fullstackedsplinearea
* @publicName fullstackedsplinearea
* @type object
*/
fullstackedsplinearea: {},
/**
* @name dxchartoptions.commonseriessettings.stackedarea
* @publicName stackedarea
* @type object
*/
stackedarea: {},
/**
* @name dxchartoptions.commonseriessettings.stackedsplinearea
* @publicName stackedsplinearea
* @type object
*/
stackedsplinearea: {},
/**
* @name dxchartoptions.commonseriessettings.steparea
* @publicName steparea
* @type object
*/
steparea: {},
/**
* @name dxchartoptions.commonseriessettings.bar
* @publicName bar
* @type object
*/
bar: {},
/**
* @name dxchartoptions.commonseriessettings.fullstackedbar
* @publicName fullstackedbar
* @type object
*/
fullstackedbar: {},
/**
* @name dxchartoptions.commonseriessettings.stackedbar
* @publicName stackedbar
* @type object
*/
stackedbar: {},
/**
* @name dxchartoptions.commonseriessettings.spline
* @publicName spline
* @type object
*/
spline: {},
/**
* @name dxchartoptions.commonseriessettings.splinearea
* @publicName splinearea
* @type object
*/
splinearea: {},
/**
* @name dxchartoptions.commonseriessettings.scatter
* @publicName scatter
* @type object
*/
scatter: {},
/**
* @name dxchartoptions.commonseriessettings.candlestick
* @publicName candlestick
* @type object
*/
candlestick: {},
/**
* @name dxchartoptions.commonseriessettings.stock
* @publicName stock
* @type object
*/
stock: {},
/**
* @name dxchartoptions.commonseriessettings.rangebar
* @publicName rangebar
* @type object
*/
rangebar: {},
/**
* @name dxchartoptions.commonseriessettings.rangearea
* @publicName rangearea
* @type object
*/
rangearea: {},
/**
* @name dxchartoptions.commonseriessettings.bubble
* @publicName bubble
* @type object
*/
bubble: {}
},
/**
* @name dxchartoptions.defaultpane
* @publicName defaultPane
* @type string
* @default undefined
* @notUsedInTheme
*/
defaultPane: undefined,
/**
* @name dxchartoptions.adjustonzoom
* @publicName adjustOnZoom
* @type boolean
* @default true
*/
adjustOnZoom: true,
/**
* @name dxchartoptions.rotated
* @publicName rotated
* @type boolean
* @default false
*/
rotated: false,
/**
* @name dxchartoptions.synchronizemultiaxes
* @publicName synchronizeMultiAxes
* @type boolean
* @default true
*/
synchronizeMultiAxes: true,
/**
* @name dxchartoptions.commonpanesettings
* @publicName commonPaneSettings
* @type object
*/
commonPaneSettings: {
/**
* @name dxchartoptions.commonpanesettings.backgroundcolor
* @publicName backgroundColor
* @type string
* @default 'none'
*/
backgroundColor: 'none',
/**
* @name dxchartoptions.commonpanesettings.border
* @publicName border
* @type object
*/
border: {
/**
* @name dxchartoptions.commonpanesettings.border.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.commonpanesettings.border.top
* @publicName top
* @type boolean
* @default true
*/
top: true,
/**
* @name dxchartoptions.commonpanesettings.border.bottom
* @publicName bottom
* @type boolean
* @default true
*/
bottom: true,
/**
* @name dxchartoptions.commonpanesettings.border.left
* @publicName left
* @type boolean
* @default true
*/
left: true,
/**
* @name dxchartoptions.commonpanesettings.border.right
* @publicName right
* @type boolean
* @default true
*/
right: true,
/**
* @name dxchartoptions.commonpanesettings.border.color
* @publicName color
* @type string
* @default '#d3d3d3'
*/
color: '#d3d3d3',
/**
* @name dxchartoptions.commonpanesettings.border.dashstyle
* @publicName dashStyle
* @type Enums.DashStyle
* @default 'solid'
*/
dashStyle: 'solid',
/**
* @name dxchartoptions.commonpanesettings.border.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.commonpanesettings.border.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
}
},
/**
* @name dxchartoptions.panes
* @publicName panes
* @type Object|Array<Object>
* @inherits dxchartoptions.commonpanesettings
* @notUsedInTheme
*/
panes: [{
/**
* @name dxchartoptions.panes.name
* @publicName name
* @type string
* @default undefined
*/
name: undefined
}],
/**
* @name dxchartoptions.dataPrepareSettings
* @publicName dataPrepareSettings
* @type object
*/
dataPrepareSettings: {
/**
* @name dxchartoptions.dataPrepareSettings.checkTypeForAllData
* @publicName checkTypeForAllData
* @type boolean
* @default false
*/
checkTypeForAllData: false,
/**
* @name dxchartoptions.dataPrepareSettings.convertToAxisDataType
* @publicName convertToAxisDataType
* @type boolean
* @default true
*/
convertToAxisDataType: true,
/**
* @name dxchartoptions.dataPrepareSettings.sortingMethod
* @publicName sortingMethod
* @type boolean|function(a,b)
* @type_function_param1 a:object
* @type_function_param2 b:object
* @type_function_return Number
* @default true
*/
sortingMethod: true
},
/**
* @name dxchartoptions.scrollbar
* @publicName scrollBar
* @type object
*/
scrollBar: {
/**
* @name dxchartoptions.scrollbar.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.scrollbar.offset
* @publicName offset
* @type number
* @default 5
*/
offset: 5,
/**
* @name dxchartoptions.scrollbar.color
* @publicName color
* @type string
* @default 'gray'
*/
color: "gray",
/**
* @name dxchartoptions.scrollbar.width
* @publicName width
* @type number
* @default 10
*/
width: 10,
/**
* @name dxchartoptions.scrollbar.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined,
/**
* @name dxchartoptions.scrollbar.position
* @publicName position
* @type Enums.Position
* @default 'top'
*/
position: 'top'
},
/**
* @name dxchartoptions.zoomingmode
* @publicName zoomingMode
* @type Enums.ChartPointerType
* @default 'none'
*/
zoomingMode: 'none',
/**
* @name dxchartoptions.scrollingmode
* @publicName scrollingMode
* @type Enums.ChartPointerType
* @default 'none'
*/
scrollingMode: 'none',
/**
* @name dxchartoptions.useAggregation
* @publicName useAggregation
* @type boolean
* @deprecated dxChartSeriesTypes.CommonSeries.aggregation.enabled
*/
useAggregation: false,
/**
* @name dxchartoptions.crosshair
* @publicName crosshair
* @type object
*/
crosshair: {
/**
* @name dxchartoptions.crosshair.enabled
* @publicName enabled
* @type boolean
* @default false
*/
enabled: false,
/**
* @name dxchartoptions.crosshair.color
* @publicName color
* @type string
* @default '#f05b41'
*/
color: '#f05b41',
/**
* @name dxchartoptions.crosshair.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.crosshair.dashstyle
* @publicName dashStyle
* @type Enums.DashStyle
* @default 'solid'
*/
dashStyle: 'solid',
/**
* @name dxchartoptions.crosshair.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined,
/**
* @name dxchartoptions.crosshair.label
* @publicName label
* @type object
*/
label: {
/**
* @name dxchartoptions.crosshair.label.backgroundcolor
* @publicName backgroundColor
* @type string
* @default "#f05b41"
*/
backgroundColor: "#f05b41",
/**
* @name dxchartoptions.crosshair.label.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.crosshair.label.font
* @publicName font
* @type object
*/
font: {
/**
* @name dxchartoptions.crosshair.label.font.family
* @publicName family
* @type string
* @default "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"
*/
family: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana",
/**
* @name dxchartoptions.crosshair.label.font.weight
* @publicName weight
* @type number
* @default 400
*/
weight: 400,
/**
* @name dxchartoptions.crosshair.label.font.color
* @publicName color
* @type string
* @default '#FFFFFF'
*/
color: '#FFFFFF',
/**
* @name dxchartoptions.crosshair.label.font.size
* @publicName size
* @type number|string
* @default 12
*/
size: 12,
/**
* @name dxchartoptions.crosshair.label.font.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
},
/**
* @name dxchartoptions.crosshair.label.format
* @publicName format
* @extends CommonVizFormat
*/
format: '',
/**
* @name dxchartoptions.crosshair.label.precision
* @publicName precision
* @extends CommonVizPrecision
*/
precision: 0,
/**
* @name dxchartoptions.crosshair.label.customizetext
* @publicName customizeText
* @type function(info)
* @type_function_param1 info:object
* @type_function_param1_field1 value:Date|Number|string
* @type_function_param1_field2 valueText:string
* @type_function_param1_field3 point:chartPointObject
* @type_function_return string
* @notUsedInTheme
*/
customizeText: undefined
},
/**
* @name dxchartoptions.crosshair.verticalline
* @publicName verticalLine
* @type object | boolean
*/
verticalLine: {
/**
* @name dxchartoptions.crosshair.verticalline.visible
* @publicName visible
* @type boolean
* @default true
*/
visible: true,
/**
* @name dxchartoptions.crosshair.verticalline.color
* @publicName color
* @type string
* @default "#f05b41"
*/
color: "#f05b41",
/**
* @name dxchartoptions.crosshair.verticalline.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.crosshair.verticalline.dashstyle
* @publicName dashStyle
* @type Enums.DashStyle
* @default 'solid'
*/
dashStyle: 'solid',
/**
* @name dxchartoptions.crosshair.verticalline.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined,
/**
* @name dxchartoptions.crosshair.verticalline.label
* @publicName label
* @type object
*/
label: {
/**
* @name dxchartoptions.crosshair.verticalline.label.backgroundcolor
* @publicName backgroundColor
* @type string
* @default "#f05b41"
*/
backgroundColor: "#f05b41",
/**
* @name dxchartoptions.crosshair.verticalline.label.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.crosshair.verticalline.label.font
* @publicName font
* @type object
*/
font: {
/**
* @name dxchartoptions.crosshair.verticalline.label.font.family
* @publicName family
* @type string
* @default "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"
*/
family: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana",
/**
* @name dxchartoptions.crosshair.verticalline.label.font.weight
* @publicName weight
* @type number
* @default 400
*/
weight: 400,
/**
* @name dxchartoptions.crosshair.verticalline.label.font.color
* @publicName color
* @type string
* @default '#FFFFFF'
*/
color: '#FFFFFF',
/**
* @name dxchartoptions.crosshair.verticalline.label.font.size
* @publicName size
* @type number|string
* @default 12
*/
size: 12,
/**
* @name dxchartoptions.crosshair.verticalline.label.font.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
},
/**
* @name dxchartoptions.crosshair.verticalline.label.format
* @publicName format
* @extends CommonVizFormat
*/
format: '',
/**
* @name dxchartoptions.crosshair.verticalline.label.precision
* @publicName precision
* @extends CommonVizPrecision
*/
precision: 0,
/**
* @name dxchartoptions.crosshair.verticalline.label.customizetext
* @publicName customizeText
* @type function(info)
* @type_function_param1 info:object
* @type_function_param1_field1 value:Date|Number|string
* @type_function_param1_field2 valueText:string
* @type_function_param1_field3 point:chartPointObject
* @type_function_return string
* @notUsedInTheme
*/
customizeText: undefined
}
},
/**
* @name dxchartoptions.crosshair.horizontalline
* @publicName horizontalLine
* @type object | boolean
*/
horizontalLine: {
/**
* @name dxchartoptions.crosshair.horizontalline.visible
* @publicName visible
* @type boolean
* @default true
*/
visible: true,
/**
* @name dxchartoptions.crosshair.horizontalline.color
* @publicName color
* @type string
* @default "#f05b41"
*/
color: "#f05b41",
/**
* @name dxchartoptions.crosshair.horizontalline.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.crosshair.horizontalline.dashstyle
* @publicName dashStyle
* @type Enums.DashStyle
* @default 'solid'
*/
dashStyle: 'solid',
/**
* @name dxchartoptions.crosshair.horizontalline.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined,
/**
* @name dxchartoptions.crosshair.horizontalline.label
* @publicName label
* @type object
*/
label: {
/**
* @name dxchartoptions.crosshair.horizontalline.label.backgroundcolor
* @publicName backgroundColor
* @type string
* @default "#f05b41"
*/
backgroundColor: "#f05b41",
/**
* @name dxchartoptions.crosshair.horizontalline.label.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.crosshair.horizontalline.label.font
* @publicName font
* @type object
*/
font: {
/**
* @name dxchartoptions.crosshair.horizontalline.label.font.family
* @publicName family
* @type string
* @default "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"
*/
family: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana",
/**
* @name dxchartoptions.crosshair.horizontalline.label.font.weight
* @publicName weight
* @type number
* @default 400
*/
weight: 400,
/**
* @name dxchartoptions.crosshair.horizontalline.label.font.color
* @publicName color
* @type string
* @default '#FFFFFF'
*/
color: '#FFFFFF',
/**
* @name dxchartoptions.crosshair.horizontalline.label.font.size
* @publicName size
* @type number|string
* @default 12
*/
size: 12,
/**
* @name dxchartoptions.crosshair.horizontalline.label.font.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
},
/**
* @name dxchartoptions.crosshair.horizontalline.label.format
* @publicName format
* @extends CommonVizFormat
*/
format: '',
/**
* @name dxchartoptions.crosshair.horizontalline.label.precision
* @publicName precision
* @extends CommonVizPrecision
*/
precision: 0,
/**
* @name dxchartoptions.crosshair.horizontalline.label.customizetext
* @publicName customizeText
* @type function(info)
* @type_function_param1 info:object
* @type_function_param1_field1 value:Date|Number|string
* @type_function_param1_field2 valueText:string
* @type_function_param1_field3 point:chartPointObject
* @type_function_return string
* @notUsedInTheme
*/
customizeText: undefined
}
}
},
/**
* @name dxchartoptions.onargumentaxisclick
* @publicName onArgumentAxisClick
* @extends Action
* @type function(e)|string
* @type_function_param1 e:object
* @type_function_param1_field4 jQueryEvent:jQuery.Event:deprecated(event)
* @type_function_param1_field5 event:event
* @type_function_param1_field6 argument:Date|Number|string
* @notUsedInTheme
* @action
*/
onArgumentAxisClick: function onArgumentAxisClick() {},
/**
* @name dxchartoptions.legend
* @publicName legend
* @type object
*/
legend: {
/**
* @name dxchartoptions.legend.customizetext
* @publicName customizeText
* @type function(seriesInfo)
* @type_function_param1 seriesInfo:object
* @type_function_param1_field1 seriesName:any
* @type_function_param1_field2 seriesIndex:Number
* @type_function_param1_field3 seriesColor:string
* @type_function_return string
* @notUsedInTheme
*/
customizeText: undefined,
/**
* @name dxchartoptions.legend.customizehint
* @publicName customizeHint
* @type function(seriesInfo)
* @type_function_param1 seriesInfo:object
* @type_function_param1_field1 seriesName:any
* @type_function_param1_field2 seriesIndex:Number
* @type_function_param1_field3 seriesColor:string
* @type_function_return string
*/
customizeHint: undefined,
/**
* @name dxchartoptions.legend.hovermode
* @publicName hoverMode
* @type Enums.ChartLegendHoverMode
* @default 'includePoints'
*/
hoverMode: 'includePoints',
/**
* @name dxchartoptions.legend.position
* @publicName position
* @type Enums.RelativePosition
* @default 'outside'
*/
position: 'outside'
},
/**
* @name dxchartoptions.commonaxissettings
* @publicName commonAxisSettings
* @type object
*/
commonAxisSettings: {
/**
* @name dxchartoptions.commonaxissettings.setticksatunitbeginning
* @publicName setTicksAtUnitBeginning
* @type boolean
* @default true
* @deprecated
*/
setTicksAtUnitBeginning: true,
/**
* @name dxchartoptions.commonaxissettings.discreteaxisdivisionMode
* @publicName discreteAxisDivisionMode
* @type Enums.DiscreteAxisDivisionMode
* @default 'betweenLabels'
*/
discreteAxisDivisionMode: 'betweenLabels',
/**
* @name dxchartoptions.commonaxissettings.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.commonaxissettings.color
* @publicName color
* @type string
* @default '#d3d3d3'
*/
color: '#d3d3d3',
/**
* @name dxchartoptions.commonaxissettings.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.commonaxissettings.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined,
/**
* @name dxchartoptions.commonaxissettings.placeholdersize
* @publicName placeholderSize
* @type number
* @default null
*/
placeholderSize: null,
/**
* @name dxchartoptions.commonaxissettings.breakStyle
* @publicName breakStyle
* @type object
*/
breakStyle: {
/**
* @name dxchartoptions.commonaxissettings.breakStyle.width
* @publicName width
* @type number
* @default 5
*/
width: 5,
/**
* @name dxchartoptions.commonaxissettings.breakStyle.color
* @publicName color
* @type string
* @default "#ababab"
*/
color: "#ababab",
/**
* @name dxchartoptions.commonaxissettings.breakStyle.line
* @publicName line
* @type Enums.ScaleBreakLineStyle
* @default "waved"
*/
line: "waved"
},
/**
* @name dxchartoptions.commonaxissettings.label
* @publicName label
* @type object
*/
label: {
/**
* @name dxchartoptions.commonaxissettings.label.alignment
* @publicName alignment
* @type Enums.HorizontalAlignment
* @default undefined
*/
alignment: undefined,
/**
* @name dxchartoptions.commonaxissettings.label.visible
* @publicName visible
* @type boolean
* @default true
*/
visible: true,
/**
* @name dxchartoptions.commonaxissettings.label.rotationangle
* @publicName rotationAngle
* @type number
* @default 90
*/
rotationAngle: 90,
/**
* @name dxchartoptions.commonaxissettings.label.staggeringspacing
* @publicName staggeringSpacing
* @type number
* @default 5
*/
staggeringSpacing: 5,
/**
* @name dxchartoptions.commonaxissettings.label.displaymode
* @publicName displayMode
* @type Enums.ChartLabelDisplayMode
* @default 'standard'
*/
displayMode: "standard",
/**
* @name dxchartoptions.commonaxissettings.label.overlappingBehavior
* @publicName overlappingBehavior
* @type string|object
* @default 'hide'
* @acceptValues 'stagger' | 'rotate' | 'hide' | 'none'
* @deprecatedAcceptValues 'ignore' | 'enlargeTickInterval'
*/
overlappingBehavior: {
/**
* @name dxchartoptions.commonaxissettings.label.overlappingBehavior.mode
* @publicName mode
* @type string
* @default 'hide'
* @acceptValues 'stagger' | 'rotate' | 'hide' | 'none'
* @deprecatedAcceptValues 'ignore' | 'enlargeTickInterval'
* @deprecated dxchartoptions.commonaxissettings.label.overlappingBehavior
*/
mode: 'hide',
/**
* @name dxchartoptions.commonaxissettings.label.overlappingBehavior.rotationangle
* @publicName rotationAngle
* @type number
* @default 90
* @deprecated dxchartoptions.commonaxissettings.label.rotationangle
*/
rotationAngle: 90,
/**
* @name dxchartoptions.commonaxissettings.label.overlappingBehavior.staggeringSpacing
* @publicName staggeringSpacing
* @type number
* @default 5
* @deprecated dxchartoptions.commonaxissettings.label.staggeringspacing
*/
staggeringSpacing: 5
},
/**
* @name dxchartoptions.commonaxissettings.label.indentfromaxis
* @publicName indentFromAxis
* @type number
* @default 10
*/
indentFromAxis: 10,
/**
* @name dxchartoptions.commonaxissettings.label.font
* @publicName font
* @type object
*/
font: {
/**
* @name dxchartoptions.commonaxissettings.label.font.family
* @publicName family
* @type string
* @default "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"
*/
family: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana",
/**
* @name dxchartoptions.commonaxissettings.label.font.weight
* @publicName weight
* @type number
* @default 400
*/
weight: 400,
/**
* @name dxchartoptions.commonaxissettings.label.font.color
* @publicName color
* @type string
* @default '#767676'
*/
color: '#767676',
/**
* @name dxchartoptions.commonaxissettings.label.font.size
* @publicName size
* @type number|string
* @default 12
*/
size: 12,
/**
* @name dxchartoptions.commonaxissettings.label.font.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
}
},
/**
* @name dxchartoptions.commonaxissettings.grid
* @publicName grid
* @type object
*/
grid: {
/**
* @name dxchartoptions.commonaxissettings.grid.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.commonaxissettings.grid.color
* @publicName color
* @type string
* @default '#d3d3d3'
*/
color: '#d3d3d3',
/**
* @name dxchartoptions.commonaxissettings.grid.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.commonaxissettings.grid.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
},
/**
* @name dxchartoptions.commonaxissettings.minorgrid
* @publicName minorGrid
* @type object
*/
minorGrid: {
/**
* @name dxchartoptions.commonaxissettings.minorgrid.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.commonaxissettings.minorgrid.color
* @publicName color
* @type string
* @default '#d3d3d3'
*/
color: '#d3d3d3',
/**
* @name dxchartoptions.commonaxissettings.minorgrid.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.commonaxissettings.minorgrid.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
},
/**
* @name dxchartoptions.commonaxissettings.tick
* @publicName tick
* @type object
*/
tick: {
/**
* @name dxchartoptions.commonaxissettings.tick.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.commonaxissettings.tick.color
* @publicName color
* @type string
* @default '#d3d3d3'
*/
color: '#d3d3d3',
/**
* @name dxchartoptions.commonaxissettings.tick.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined,
/**
* @name dxchartoptions.commonaxissettings.tick.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.commonaxissettings.tick.length
* @publicName length
* @type number
* @default 8
*/
length: 8
},
/**
* @name dxchartoptions.commonaxissettings.minortick
* @publicName minorTick
* @type object
*/
minorTick: {
/**
* @name dxchartoptions.commonaxissettings.minortick.visible
* @publicName visible
* @type boolean
* @default false
*/
visible: false,
/**
* @name dxchartoptions.commonaxissettings.minortick.color
* @publicName color
* @type string
* @default '#d3d3d3'
*/
color: '#d3d3d3',
/**
* @name dxchartoptions.commonaxissettings.minortick.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined,
/**
* @name dxchartoptions.commonaxissettings.minortick.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.commonaxissettings.minortick.length
* @publicName length
* @type number
* @default 8
*/
length: 8
},
/**
* @name dxchartoptions.commonaxissettings.title
* @publicName title
* @type object
*/
title: {
/**
* @name dxchartoptions.commonaxissettings.title.font
* @publicName font
* @type object
*/
font: {
/**
* @name dxchartoptions.commonaxissettings.title.font.family
* @publicName family
* @type string
* @default "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"
*/
family: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana",
/**
* @name dxchartoptions.commonaxissettings.title.font.weight
* @publicName weight
* @type number
* @default 400
*/
weight: 400,
/**
* @name dxchartoptions.commonaxissettings.title.font.color
* @publicName color
* @type string
* @default '#767676'
*/
color: '#767676',
/**
* @name dxchartoptions.commonaxissettings.title.font.size
* @publicName size
* @type number|string
* @default 16
*/
size: 16,
/**
* @name dxchartoptions.commonaxissettings.title.font.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
},
/**
* @name dxchartoptions.commonaxissettings.title.margin
* @publicName margin
* @type number
* @default 6
*/
margin: 6
},
/**
* @name dxchartoptions.commonaxissettings.stripstyle
* @publicName stripStyle
* @type object
*/
stripStyle: {
/**
* @name dxchartoptions.commonaxissettings.stripstyle.paddingleftright
* @publicName paddingLeftRight
* @type number
* @default 10
*/
paddingLeftRight: 10,
/**
* @name dxchartoptions.commonaxissettings.stripstyle.paddingtopbottom
* @publicName paddingTopBottom
* @type number
* @default 5
*/
paddingTopBottom: 5,
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label
* @publicName label
* @type object
*/
label: {
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.horizontalalignment
* @publicName horizontalAlignment
* @type Enums.HorizontalAlignment
* @default 'left'
*/
horizontalAlignment: 'left',
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.verticalalignment
* @publicName verticalAlignment
* @type Enums.VerticalAlignment
* @default 'center'
*/
verticalAlignment: 'center',
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.font
* @publicName font
* @type object
*/
font: {
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.font.family
* @publicName family
* @type string
* @default "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"
*/
family: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana",
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.font.weight
* @publicName weight
* @type number
* @default 400
*/
weight: 400,
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.font.color
* @publicName color
* @type string
* @default '#767676'
*/
color: '#767676',
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.font.size
* @publicName size
* @type number|string
* @default 12
*/
size: 12,
/**
* @name dxchartoptions.commonaxissettings.stripstyle.label.font.opacity
* @publicName opacity
* @type number
* @default undefined
*/
opacity: undefined
}
}
},
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle
* @publicName constantLineStyle
* @type object
*/
constantLineStyle: {
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.paddingleftright
* @publicName paddingLeftRight
* @type number
* @default 10
*/
paddingLeftRight: 10,
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.paddingtopbottom
* @publicName paddingTopBottom
* @type number
* @default 10
*/
paddingTopBottom: 10,
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.width
* @publicName width
* @type number
* @default 1
*/
width: 1,
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.dashstyle
* @publicName dashStyle
* @type Enums.DashStyle
* @default 'solid'
*/
dashStyle: 'solid',
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.color
* @publicName color
* @type string
* @default '#000000'
*/
color: '#000000',
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.label
* @publicName label
* @type object
*/
label: {
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.label.visible
* @publicName visible
* @type boolean
* @default true
*/
visible: true,
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.label.position
* @publicName position
* @type Enums.RelativePosition
* @default 'inside'
*/
position: 'inside',
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.label.font
* @publicName font
* @type object
*/
font: {
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.label.font.family
* @publicName family
* @type string
* @default "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"
*/
family: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana",
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.label.font.weight
* @publicName weight
* @type number
* @default 400
*/
weight: 400,
/**
* @name dxchartoptions.commonaxissettings.constantlinestyle.label.font.color
* @publicName color
* @type string