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.
301 lines
5.9 KiB
JavaScript
301 lines
5.9 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.gaugeConfig = void 0;
|
|
var gaugeConfig = {
|
|
/**
|
|
* @description Whether to display this gauge
|
|
* @type {Boolean}
|
|
* @default show = true
|
|
*/
|
|
show: true,
|
|
|
|
/**
|
|
* @description Legend name
|
|
* @type {String}
|
|
* @default name = ''
|
|
*/
|
|
name: '',
|
|
|
|
/**
|
|
* @description Radius of gauge
|
|
* @type {String|Number}
|
|
* @default radius = '60%'
|
|
* @example radius = '60%' | 100
|
|
*/
|
|
radius: '60%',
|
|
|
|
/**
|
|
* @description Center point of gauge
|
|
* @type {Array}
|
|
* @default center = ['50%','50%']
|
|
* @example center = ['50%','50%'] | [100, 100]
|
|
*/
|
|
center: ['50%', '50%'],
|
|
|
|
/**
|
|
* @description Gauge start angle
|
|
* @type {Number}
|
|
* @default startAngle = -(Math.PI / 4) * 5
|
|
* @example startAngle = -Math.PI
|
|
*/
|
|
startAngle: -(Math.PI / 4) * 5,
|
|
|
|
/**
|
|
* @description Gauge end angle
|
|
* @type {Number}
|
|
* @default endAngle = Math.PI / 4
|
|
* @example endAngle = 0
|
|
*/
|
|
endAngle: Math.PI / 4,
|
|
|
|
/**
|
|
* @description Gauge min value
|
|
* @type {Number}
|
|
* @default min = 0
|
|
*/
|
|
min: 0,
|
|
|
|
/**
|
|
* @description Gauge max value
|
|
* @type {Number}
|
|
* @default max = 100
|
|
*/
|
|
max: 100,
|
|
|
|
/**
|
|
* @description Gauge split number
|
|
* @type {Number}
|
|
* @default splitNum = 5
|
|
*/
|
|
splitNum: 5,
|
|
|
|
/**
|
|
* @description Gauge arc line width
|
|
* @type {Number}
|
|
* @default arcLineWidth = 15
|
|
*/
|
|
arcLineWidth: 15,
|
|
|
|
/**
|
|
* @description Gauge chart data
|
|
* @type {Array}
|
|
* @default data = []
|
|
*/
|
|
data: [],
|
|
|
|
/**
|
|
* @description Data item arc default style configuration
|
|
* @type {Object}
|
|
* @default dataItemStyle = {Configuration Of Class Style}
|
|
*/
|
|
dataItemStyle: {},
|
|
|
|
/**
|
|
* @description Axis tick configuration
|
|
* @type {Object}
|
|
*/
|
|
axisTick: {
|
|
/**
|
|
* @description Whether to display axis tick
|
|
* @type {Boolean}
|
|
* @default show = true
|
|
*/
|
|
show: true,
|
|
|
|
/**
|
|
* @description Axis tick length
|
|
* @type {Number}
|
|
* @default tickLength = 6
|
|
*/
|
|
tickLength: 6,
|
|
|
|
/**
|
|
* @description Axis tick default style configuration
|
|
* @type {Object}
|
|
* @default style = {Configuration Of Class Style}
|
|
*/
|
|
style: {
|
|
stroke: '#999',
|
|
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 data (Can be calculated automatically)
|
|
* @type {Array}
|
|
* @default data = [Number...]
|
|
*/
|
|
data: [],
|
|
|
|
/**
|
|
* @description Axis label formatter
|
|
* @type {String|Function}
|
|
* @default formatter = null
|
|
* @example formatter = '{value}%'
|
|
* @example formatter = (labelItem) => (labelItem.value)
|
|
*/
|
|
formatter: null,
|
|
|
|
/**
|
|
* @description Axis label gap between label and axis tick
|
|
* @type {String|Function}
|
|
* @default labelGap = 5
|
|
*/
|
|
labelGap: 5,
|
|
|
|
/**
|
|
* @description Axis label default style configuration
|
|
* @type {Object}
|
|
* @default style = {Configuration Of Class Style}
|
|
*/
|
|
style: {}
|
|
},
|
|
|
|
/**
|
|
* @description Gauge pointer configuration
|
|
* @type {Object}
|
|
*/
|
|
pointer: {
|
|
/**
|
|
* @description Whether to display pointer
|
|
* @type {Boolean}
|
|
* @default show = true
|
|
*/
|
|
show: true,
|
|
|
|
/**
|
|
* @description Pointer value index of data
|
|
* @type {Number}
|
|
* @default valueIndex = 0 (pointer.value = data[0].value)
|
|
*/
|
|
valueIndex: 0,
|
|
|
|
/**
|
|
* @description Pointer default style configuration
|
|
* @type {Object}
|
|
* @default style = {Configuration Of Class Style}
|
|
*/
|
|
style: {
|
|
scale: [1, 1],
|
|
fill: '#fb7293'
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @description Data item arc detail configuration
|
|
* @type {Object}
|
|
*/
|
|
details: {
|
|
/**
|
|
* @description Whether to display details
|
|
* @type {Boolean}
|
|
* @default show = false
|
|
*/
|
|
show: false,
|
|
|
|
/**
|
|
* @description Details formatter
|
|
* @type {String|Function}
|
|
* @default formatter = null
|
|
* @example formatter = '{value}%'
|
|
* @example formatter = '{name}%'
|
|
* @example formatter = (dataItem) => (dataItem.value)
|
|
*/
|
|
formatter: null,
|
|
|
|
/**
|
|
* @description Details position offset
|
|
* @type {Array}
|
|
* @default offset = [0, 0]
|
|
* @example offset = [10, 10]
|
|
*/
|
|
offset: [0, 0],
|
|
|
|
/**
|
|
* @description Value fractional precision
|
|
* @type {Number}
|
|
* @default valueToFixed = 0
|
|
*/
|
|
valueToFixed: 0,
|
|
|
|
/**
|
|
* @description Details position
|
|
* @type {String}
|
|
* @default position = 'center'
|
|
* @example position = 'start' | 'center' | 'end'
|
|
*/
|
|
position: 'center',
|
|
|
|
/**
|
|
* @description Details default style configuration
|
|
* @type {Object}
|
|
* @default style = {Configuration Of Class Style}
|
|
*/
|
|
style: {
|
|
fontSize: 20,
|
|
fontWeight: 'bold',
|
|
textAlign: 'center',
|
|
textBaseline: 'middle'
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @description Gauge background arc configuration
|
|
* @type {Object}
|
|
*/
|
|
backgroundArc: {
|
|
/**
|
|
* @description Whether to display background arc
|
|
* @type {Boolean}
|
|
* @default show = true
|
|
*/
|
|
show: true,
|
|
|
|
/**
|
|
* @description Background arc default style configuration
|
|
* @type {Object}
|
|
* @default style = {Configuration Of Class Style}
|
|
*/
|
|
style: {
|
|
stroke: '#e0e0e0'
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @description Gauge chart render level
|
|
* Priority rendering high level
|
|
* @type {Number}
|
|
* @default rLevel = 10
|
|
*/
|
|
rLevel: 10,
|
|
|
|
/**
|
|
* @description Gauge animation curve
|
|
* @type {String}
|
|
* @default animationCurve = 'easeOutCubic'
|
|
*/
|
|
animationCurve: 'easeOutCubic',
|
|
|
|
/**
|
|
* @description Gauge animation frame
|
|
* @type {Number}
|
|
* @default animationFrame = 50
|
|
*/
|
|
animationFrame: 50
|
|
};
|
|
exports.gaugeConfig = gaugeConfig; |