@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
153 lines (152 loc) • 6.77 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
import { computed } from 'mobx';
import { merge, get } from 'lodash';
import { getCircularColorRange } from '../../transforms/single-chart';
import { defaultConfig } from '../constant';
import SingleCircleStore from '../SingleCircleChart/store';
var SinglePercentStore = /** @class */ (function (_super) {
__extends(SinglePercentStore, _super);
function SinglePercentStore() {
return _super !== null && _super.apply(this, arguments) || this;
}
Object.defineProperty(SinglePercentStore.prototype, "data", {
get: function () {
var _a = this.chartStyleService, valueMode = _a.valueMode, gaugeMax = _a.gaugeMax;
var data = this.displayData;
if (data && valueMode === "percent" /* Percentage */) {
return parseFloat(((+data / gaugeMax) * 100).toFixed(2));
}
return data;
},
enumerable: false,
configurable: true
});
Object.defineProperty(SinglePercentStore.prototype, "detailOffsetCenter", {
get: function () {
var offsetCenter = this.gaugeCircleSeries.detail.offsetCenter;
var gaugeTitlePosition = this.chartStyleOption.gaugeTitlePosition;
if (gaugeTitlePosition === "bottom" /* Bottom */) {
return [0, 0];
}
return offsetCenter;
},
enumerable: false,
configurable: true
});
Object.defineProperty(SinglePercentStore.prototype, "seriesDetail", {
get: function () {
var detail = this.gaugeCircleSeries.detail;
var valueMode = this.chartStyleService.valueMode;
return valueMode === "percent" /* Percentage */
? __assign(__assign({}, detail), { formatter: '{value}%', offsetCenter: this.detailOffsetCenter }) : __assign(__assign({}, detail), { offsetCenter: this.detailOffsetCenter });
},
enumerable: false,
configurable: true
});
Object.defineProperty(SinglePercentStore.prototype, "gaugeTitleOffsetCenter", {
// 根据title位置选项返回仪表盘title的不同位置
get: function () {
var gaugeTitlePosition = this.chartStyleOption.gaugeTitlePosition;
var offcenter = get(this.themeOption, ['gauge', 'title', 'offsetCenter']);
switch (gaugeTitlePosition) {
case "bottom" /* Bottom */:
return [0, '110%'];
default:
return offcenter;
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(SinglePercentStore.prototype, "series", {
get: function () {
var gaugeTitleName = this.chartStyleService.gaugeTitleName;
var gaugeCircleSeries = __assign(__assign({}, this.gaugeCircleSeries), { detail: this.seriesDetail, title: __assign(__assign({}, this.gaugeCircleSeries.title), { offsetCenter: this.gaugeTitleOffsetCenter }), startAngle: 90, endAngle: -269.9999999999, axisLine: {
show: true,
lineStyle: __assign(__assign({}, (this.gaugeLineWidth ? { width: this.gaugeLineWidth } : {})), { color: this.getGaugeColors(getCircularColorRange) })
}, data: [
{
name: gaugeTitleName || this.currentMetricName,
value: this.data
}
] });
return [gaugeCircleSeries];
},
enumerable: false,
configurable: true
});
Object.defineProperty(SinglePercentStore.prototype, "options", {
get: function () {
var option = merge({}, defaultConfig, {
series: this.series
});
return option;
},
enumerable: false,
configurable: true
});
__decorate([
computed,
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], SinglePercentStore.prototype, "data", null);
__decorate([
computed,
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], SinglePercentStore.prototype, "detailOffsetCenter", null);
__decorate([
computed,
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], SinglePercentStore.prototype, "seriesDetail", null);
__decorate([
computed,
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], SinglePercentStore.prototype, "gaugeTitleOffsetCenter", null);
__decorate([
computed,
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], SinglePercentStore.prototype, "series", null);
__decorate([
computed,
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], SinglePercentStore.prototype, "options", null);
return SinglePercentStore;
}(SingleCircleStore));
export default SinglePercentStore;