You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
462 lines
8.7 KiB
JavaScript
462 lines
8.7 KiB
JavaScript
4 months ago
|
"use strict";
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.yAxisConfig = exports.xAxisConfig = void 0;
|
||
|
|
var xAxisConfig = {
|
||
|
|
/**
|
||
|
|
* @description Axis name
|
||
|
|
* @type {String}
|
||
|
|
* @default name = ''
|
||
|
|
*/
|
||
|
|
name: '',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Whether to display this axis
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis position
|
||
|
|
* @type {String}
|
||
|
|
* @default position = 'bottom'
|
||
|
|
* @example position = 'bottom' | 'top'
|
||
|
|
*/
|
||
|
|
position: 'bottom',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Name gap
|
||
|
|
* @type {Number}
|
||
|
|
* @default nameGap = 15
|
||
|
|
*/
|
||
|
|
nameGap: 15,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Name location
|
||
|
|
* @type {String}
|
||
|
|
* @default nameLocation = 'end'
|
||
|
|
* @example nameLocation = 'end' | 'center' | 'start'
|
||
|
|
*/
|
||
|
|
nameLocation: 'end',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Name default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
nameTextStyle: {
|
||
|
|
fill: '#333',
|
||
|
|
fontSize: 10
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis min value
|
||
|
|
* @type {String|Number}
|
||
|
|
* @default min = '20%'
|
||
|
|
* @example min = '20%' | 0
|
||
|
|
*/
|
||
|
|
min: '20%',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis max value
|
||
|
|
* @type {String|Number}
|
||
|
|
* @default max = '20%'
|
||
|
|
* @example max = '20%' | 0
|
||
|
|
*/
|
||
|
|
max: '20%',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis value interval
|
||
|
|
* @type {Number}
|
||
|
|
* @default interval = null
|
||
|
|
* @example interval = 100
|
||
|
|
*/
|
||
|
|
interval: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Min interval
|
||
|
|
* @type {Number}
|
||
|
|
* @default minInterval = null
|
||
|
|
* @example minInterval = 1
|
||
|
|
*/
|
||
|
|
minInterval: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Max interval
|
||
|
|
* @type {Number}
|
||
|
|
* @default maxInterval = null
|
||
|
|
* @example maxInterval = 100
|
||
|
|
*/
|
||
|
|
maxInterval: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Boundary gap
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default boundaryGap = null
|
||
|
|
* @example boundaryGap = true
|
||
|
|
*/
|
||
|
|
boundaryGap: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis split number
|
||
|
|
* @type {Number}
|
||
|
|
* @default splitNumber = 5
|
||
|
|
*/
|
||
|
|
splitNumber: 5,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis line configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
axisLine: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis line
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis line default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
stroke: '#333',
|
||
|
|
lineWidth: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis tick configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
axisTick: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis tick
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis tick default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
stroke: '#333',
|
||
|
|
lineWidth: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis label configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
axisLabel: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis label
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis label formatter
|
||
|
|
* @type {String|Function}
|
||
|
|
* @default formatter = null
|
||
|
|
* @example formatter = '{value}件'
|
||
|
|
* @example formatter = (dataItem) => (dataItem.value)
|
||
|
|
*/
|
||
|
|
formatter: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis label default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
fill: '#333',
|
||
|
|
fontSize: 10,
|
||
|
|
rotate: 0
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis split line configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
splitLine: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis split line
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = false
|
||
|
|
*/
|
||
|
|
show: false,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis split line default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
stroke: '#d4d4d4',
|
||
|
|
lineWidth: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description X axis render level
|
||
|
|
* Priority rendering high level
|
||
|
|
* @type {Number}
|
||
|
|
* @default rLevel = -20
|
||
|
|
*/
|
||
|
|
rLevel: -20,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description X axis animation curve
|
||
|
|
* @type {String}
|
||
|
|
* @default animationCurve = 'easeOutCubic'
|
||
|
|
*/
|
||
|
|
animationCurve: 'easeOutCubic',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description X axis animation frame
|
||
|
|
* @type {Number}
|
||
|
|
* @default animationFrame = 50
|
||
|
|
*/
|
||
|
|
animationFrame: 50
|
||
|
|
};
|
||
|
|
exports.xAxisConfig = xAxisConfig;
|
||
|
|
var yAxisConfig = {
|
||
|
|
/**
|
||
|
|
* @description Axis name
|
||
|
|
* @type {String}
|
||
|
|
* @default name = ''
|
||
|
|
*/
|
||
|
|
name: '',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Whether to display this axis
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis position
|
||
|
|
* @type {String}
|
||
|
|
* @default position = 'left'
|
||
|
|
* @example position = 'left' | 'right'
|
||
|
|
*/
|
||
|
|
position: 'left',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Name gap
|
||
|
|
* @type {Number}
|
||
|
|
* @default nameGap = 15
|
||
|
|
*/
|
||
|
|
nameGap: 15,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Name location
|
||
|
|
* @type {String}
|
||
|
|
* @default nameLocation = 'end'
|
||
|
|
* @example nameLocation = 'end' | 'center' | 'start'
|
||
|
|
*/
|
||
|
|
nameLocation: 'end',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description name default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
nameTextStyle: {
|
||
|
|
fill: '#333',
|
||
|
|
fontSize: 10
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis min value
|
||
|
|
* @type {String|Number}
|
||
|
|
* @default min = '20%'
|
||
|
|
* @example min = '20%' | 0
|
||
|
|
*/
|
||
|
|
min: '20%',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis max value
|
||
|
|
* @type {String|Number}
|
||
|
|
* @default max = '20%'
|
||
|
|
* @example max = '20%' | 0
|
||
|
|
*/
|
||
|
|
max: '20%',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis value interval
|
||
|
|
* @type {Number}
|
||
|
|
* @default interval = null
|
||
|
|
* @example interval = 100
|
||
|
|
*/
|
||
|
|
interval: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Min interval
|
||
|
|
* @type {Number}
|
||
|
|
* @default minInterval = null
|
||
|
|
* @example minInterval = 1
|
||
|
|
*/
|
||
|
|
minInterval: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Max interval
|
||
|
|
* @type {Number}
|
||
|
|
* @default maxInterval = null
|
||
|
|
* @example maxInterval = 100
|
||
|
|
*/
|
||
|
|
maxInterval: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Boundary gap
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default boundaryGap = null
|
||
|
|
* @example boundaryGap = true
|
||
|
|
*/
|
||
|
|
boundaryGap: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis split number
|
||
|
|
* @type {Number}
|
||
|
|
* @default splitNumber = 5
|
||
|
|
*/
|
||
|
|
splitNumber: 5,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis line configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
axisLine: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis line
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis line default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
stroke: '#333',
|
||
|
|
lineWidth: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis tick configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
axisTick: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis tick
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis tick default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
stroke: '#333',
|
||
|
|
lineWidth: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis label configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
axisLabel: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis label
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis label formatter
|
||
|
|
* @type {String|Function}
|
||
|
|
* @default formatter = null
|
||
|
|
* @example formatter = '{value}件'
|
||
|
|
* @example formatter = (dataItem) => (dataItem.value)
|
||
|
|
*/
|
||
|
|
formatter: null,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis label default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
fill: '#333',
|
||
|
|
fontSize: 10,
|
||
|
|
rotate: 0
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis split line configuration
|
||
|
|
* @type {Object}
|
||
|
|
*/
|
||
|
|
splitLine: {
|
||
|
|
/**
|
||
|
|
* @description Whether to display axis split line
|
||
|
|
* @type {Boolean}
|
||
|
|
* @default show = true
|
||
|
|
*/
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Axis split line default style configuration
|
||
|
|
* @type {Object}
|
||
|
|
* @default style = {Configuration Of Class Style}
|
||
|
|
*/
|
||
|
|
style: {
|
||
|
|
stroke: '#d4d4d4',
|
||
|
|
lineWidth: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Y axis render level
|
||
|
|
* Priority rendering high level
|
||
|
|
* @type {Number}
|
||
|
|
* @default rLevel = -20
|
||
|
|
*/
|
||
|
|
rLevel: -20,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Y axis animation curve
|
||
|
|
* @type {String}
|
||
|
|
* @default animationCurve = 'easeOutCubic'
|
||
|
|
*/
|
||
|
|
animationCurve: 'easeOutCubic',
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description Y axis animation frame
|
||
|
|
* @type {Number}
|
||
|
|
* @default animationFrame = 50
|
||
|
|
*/
|
||
|
|
animationFrame: 50
|
||
|
|
};
|
||
|
|
exports.yAxisConfig = yAxisConfig;
|