define(function (require) {
var List = require('../../data/List');
var SeriesModel = require('../../model/Series');
var zrUtil = require('zrender/core/util');
var GaugeSeries = SeriesModel.extend({
type: 'series.gauge',
getInitialData: function (option, ecModel) {
var list = new List(['value'], this);
var dataOpt = option.data || [];
if (!zrUtil.isArray(dataOpt)) {
dataOpt = [dataOpt];
}
// Only use the first data item
list.initData(dataOpt);
return list;
},
defaultOption: {
zlevel: 0,
z: 2,
// ??????
center: ['50%', '50%'],
legendHoverLink: true,
radius: '75%',
startAngle: 225,
endAngle: -45,
clockwise: true,
// ???
min: 0,
// ???
max: 100,
// ????????10
splitNumber: 10,
// ????
axisLine: {
// ???????show??????
show: true,
lineStyle: { // ??lineStyle??????
color: [[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']],
width: 30
}
},
// ???
splitLine: {
// ???????show??????
show: true,
// ??length????
length: 30,
// ??lineStyle???lineStyle???????
lineStyle: {
color: '#eee',
width: 2,
type: 'solid'
}
},
// ??????
axisTick: {
// ??show????????????
show: true,
// ??split?????
splitNumber: 5,
// ??length????
length: 8,
// ??lineStyle??????
lineStyle: {
color: '#eee',
width: 1,
type: 'solid'
}
},
axisLabel: {
show: true,
// formatter: null,
textStyle: { // ?????????????????TEXTSTYLE
color: 'auto'
}
},
pointer: {
show: true,
length: '80%',
width: 8
},
itemStyle: {
normal: {
color: 'auto'
}
},
title: {
show: true,
// x, y???px
offsetCenter: [0, '-40%'],
// ?????????????????TEXTSTYLE
textStyle: {
color: '#333',
fontSize: 15
}
},
detail: {
show: true,
backgroundColor: 'rgba(0,0,0,0)',
borderWidth: 0,
borderColor: '#ccc',
width: 100,
height: 40,
// x, y???px
offsetCenter: [0, '40%'],
// formatter: null,
// ?????????????????TEXTSTYLE
textStyle: {
color: 'auto',
fontSize: 30
}
}
}
});
return GaugeSeries;
});
|
Download
