@qn-pandora/pandora-visualization
Version:
Pandora 通用可视化库
162 lines (161 loc) • 7 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 __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);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var mobx_1 = require("mobx");
var lodash_1 = require("lodash");
var pandora_app_component_1 = require("@qn-pandora/pandora-app-component");
var bind_1 = __importDefault(require("../../../../../utils/bind"));
var legend_style_1 = require("../../../../../constants/legend-style");
var one_d_legend_1 = __importDefault(require("../../components/one-d-legend"));
var one_d_1 = __importDefault(require("../one-d"));
var base_1 = require("../base");
var PieBaseStyleService = /** @class */ (function (_super) {
__extends(PieBaseStyleService, _super);
function PieBaseStyleService(chart) {
var _this = _super.call(this, chart) || this;
_this.legend = new one_d_legend_1.default(legend_style_1.InitOneDLegend);
// 最大区域数量
_this.maxSlices = [20];
// 标签显示
_this.labelTypes = [];
_this.colorMode = pandora_app_component_1.EColorMode.Classical;
_this.tooltipAppendToBody = true;
_this.maxSlices = lodash_1.isArray(chart.maxSlices)
? chart.maxSlices
: chart.maxSlices
? [chart.maxSlices]
: [20];
_this.legend = new one_d_legend_1.default(chart.legend || legend_style_1.InitOneDLegend);
_this.labelTypes = chart.labelTypes || [];
// 注意： 单值图的mode 与饼图的类型不一致，切换时候需要兼容
_this.colorMode = chart.colorMode
? lodash_1.values(pandora_app_component_1.EColorMode).includes(chart.colorMode)
? chart.colorMode
: pandora_app_component_1.EColorMode.Classical
: pandora_app_component_1.EColorMode.Classical;
_this.tooltipAppendToBody =
chart.tooltipAppendToBody === false ? false : true;
return _this;
}
PieBaseStyleService.prototype.getOptions = function () {
return {
chartType: this.chartType,
legend: this.legend.option,
currentMetrics: this.currentMetrics,
currentBuckets: this.currentBuckets,
unit: this.unit,
precision: this.precision,
maxSlices: mobx_1.toJS(this.maxSlices),
displayColors: this.displayColors,
sectorOffset: this.sectorOffset,
labelTypes: this.labelTypes,
colorMode: this.colorMode,
tooltipAppendToBody: this.tooltipAppendToBody
};
};
PieBaseStyleService.prototype.setMaxSlices = function (maxSlices) {
this.maxSlices = maxSlices;
};
PieBaseStyleService.prototype.setSectorOffset = function (sectorOffset) {
this.sectorOffset = sectorOffset;
};
PieBaseStyleService.prototype.setLabelTypes = function (labelTypes) {
this.labelTypes = labelTypes;
};
PieBaseStyleService.prototype.setColorMode = function (colorMode) {
this.colorMode = colorMode;
};
PieBaseStyleService.prototype.set = function (key, value) {
var _this = this;
_super.prototype.set.call(this, key, value);
if (typeof key !== 'object') {
return;
}
var allowNil = !!value;
var obj = key;
this.executeFieldHandlers(obj, [
{
field: 'legend',
handler: function (legend) {
_this.legend.set(legend);
}
}
], allowNil);
};
__decorate([
base_1.styleOption(),
__metadata("design:type", Array)
], PieBaseStyleService.prototype, "maxSlices", void 0);
__decorate([
base_1.styleOption(),
__metadata("design:type", Array)
], PieBaseStyleService.prototype, "labelTypes", void 0);
__decorate([
base_1.styleOption(),
__metadata("design:type", String)
], PieBaseStyleService.prototype, "colorMode", void 0);
__decorate([
base_1.styleOption(),
__metadata("design:type", Boolean)
], PieBaseStyleService.prototype, "tooltipAppendToBody", void 0);
__decorate([
bind_1.default,
mobx_1.action,
__metadata("design:type", Function),
__metadata("design:paramtypes", [Array]),
__metadata("design:returntype", void 0)
], PieBaseStyleService.prototype, "setMaxSlices", null);
__decorate([
bind_1.default,
mobx_1.action,
__metadata("design:type", Function),
__metadata("design:paramtypes", [Number]),
__metadata("design:returntype", void 0)
], PieBaseStyleService.prototype, "setSectorOffset", null);
__decorate([
bind_1.default,
mobx_1.action,
__metadata("design:type", Function),
__metadata("design:paramtypes", [Array]),
__metadata("design:returntype", void 0)
], PieBaseStyleService.prototype, "setLabelTypes", null);
__decorate([
bind_1.default,
mobx_1.action,
__metadata("design:type", Function),
__metadata("design:paramtypes", [String]),
__metadata("design:returntype", void 0)
], PieBaseStyleService.prototype, "setColorMode", null);
__decorate([
mobx_1.action,
__metadata("design:type", Function),
__metadata("design:paramtypes", [Object, Object]),
__metadata("design:returntype", void 0)
], PieBaseStyleService.prototype, "set", null);
return PieBaseStyleService;
}(one_d_1.default));
exports.default = PieBaseStyleService;