123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185 |
- import { __extends } from "tslib";
- import createSeriesDataSimply from '../helper/createSeriesDataSimply.js';
- import SeriesModel from '../../model/Series.js';
- var GaugeSeriesModel = function (_super) {
- __extends(GaugeSeriesModel, _super);
- function GaugeSeriesModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = GaugeSeriesModel.type;
- _this.visualStyleAccessPath = 'itemStyle';
- return _this;
- }
- GaugeSeriesModel.prototype.getInitialData = function (option, ecModel) {
- return createSeriesDataSimply(this, ['value']);
- };
- GaugeSeriesModel.type = 'series.gauge';
- GaugeSeriesModel.defaultOption = {
-
- z: 2,
- colorBy: 'data',
-
- center: ['50%', '50%'],
- legendHoverLink: true,
- radius: '75%',
- startAngle: 225,
- endAngle: -45,
- clockwise: true,
-
- min: 0,
-
- max: 100,
-
- splitNumber: 10,
-
- axisLine: {
-
- show: true,
- roundCap: false,
- lineStyle: {
- color: [[1, '#E6EBF8']],
- width: 10
- }
- },
-
- progress: {
-
- show: false,
- overlap: true,
- width: 10,
- roundCap: false,
- clip: true
- },
-
- splitLine: {
-
- show: true,
-
- length: 10,
- distance: 10,
-
- lineStyle: {
- color: '#63677A',
- width: 3,
- type: 'solid'
- }
- },
-
- axisTick: {
-
- show: true,
-
- splitNumber: 5,
-
- length: 6,
- distance: 10,
-
- lineStyle: {
- color: '#63677A',
- width: 1,
- type: 'solid'
- }
- },
- axisLabel: {
- show: true,
- distance: 15,
-
- color: '#464646',
- fontSize: 12,
- rotate: 0
- },
- pointer: {
- icon: null,
- offsetCenter: [0, 0],
- show: true,
- showAbove: true,
- length: '60%',
- width: 6,
- keepAspect: false
- },
- anchor: {
- show: false,
- showAbove: false,
- size: 6,
- icon: 'circle',
- offsetCenter: [0, 0],
- keepAspect: false,
- itemStyle: {
- color: '#fff',
- borderWidth: 0,
- borderColor: '#5470c6'
- }
- },
- title: {
- show: true,
-
- offsetCenter: [0, '20%'],
-
- color: '#464646',
- fontSize: 16,
- valueAnimation: false
- },
- detail: {
- show: true,
- backgroundColor: 'rgba(0,0,0,0)',
- borderWidth: 0,
- borderColor: '#ccc',
- width: 100,
- height: null,
- padding: [5, 10],
-
- offsetCenter: [0, '40%'],
-
-
- color: '#464646',
- fontSize: 30,
- fontWeight: 'bold',
- lineHeight: 30,
- valueAnimation: false
- }
- };
- return GaugeSeriesModel;
- }(SeriesModel);
- export default GaugeSeriesModel;
|