You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
5.6 KiB
84 lines
5.6 KiB
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.Axis = void 0;
|
|
var tslib_1 = require("tslib");
|
|
var animation_1 = require("../../animation");
|
|
var core_1 = require("../../core");
|
|
var util_1 = require("../../util");
|
|
var constant_1 = require("./constant");
|
|
var grid_1 = require("./guides/grid");
|
|
var labels_1 = require("./guides/labels");
|
|
var line_1 = require("./guides/line");
|
|
var ticks_1 = require("./guides/ticks");
|
|
var title_1 = require("./guides/title");
|
|
var classname_1 = require("./utils/classname");
|
|
var classname_map_1 = require("./classname-map");
|
|
function renderAxisMain(attributes, container, data, animation) {
|
|
var showLine = attributes.showLine, showTick = attributes.showTick, showLabel = attributes.showLabel, classNamePrefix = attributes.classNamePrefix;
|
|
/** line */
|
|
var lineGroup = container.maybeAppendByClassName(constant_1.CLASS_NAMES.lineGroup, 'g');
|
|
(0, classname_1.applyClassName)(lineGroup, constant_1.CLASS_NAMES.lineGroup, classname_map_1.CLASSNAME_SUFFIX_MAP.lineGroup, classNamePrefix);
|
|
var lineTransitions = (0, util_1.ifShow)(showLine, lineGroup, function (group) {
|
|
return (0, line_1.renderAxisLine)(group, attributes, animation);
|
|
}) || [];
|
|
/** tick */
|
|
var tickGroup = container.maybeAppendByClassName(constant_1.CLASS_NAMES.tickGroup, 'g');
|
|
(0, classname_1.applyClassName)(tickGroup, constant_1.CLASS_NAMES.tickGroup, classname_map_1.CLASSNAME_SUFFIX_MAP.tickGroup, classNamePrefix);
|
|
var tickTransitions = (0, util_1.ifShow)(showTick, tickGroup, function (group) {
|
|
return (0, ticks_1.renderTicks)(group, data, attributes, animation);
|
|
}) || [];
|
|
/** label */
|
|
var labelGroup = container.maybeAppendByClassName(constant_1.CLASS_NAMES.labelGroup, 'g');
|
|
(0, classname_1.applyClassName)(labelGroup, constant_1.CLASS_NAMES.labelGroup, classname_map_1.CLASSNAME_SUFFIX_MAP.labelGroup, classNamePrefix);
|
|
var labelTransitions = (0, util_1.ifShow)(showLabel, labelGroup, function (group) {
|
|
return (0, labels_1.renderLabels)(group, data, attributes, animation, container.node());
|
|
}) || [];
|
|
return tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(lineTransitions), false), tslib_1.__read(tickTransitions), false), tslib_1.__read(labelTransitions), false).filter(function (t) { return !!t; });
|
|
}
|
|
var Axis = /** @class */ (function (_super) {
|
|
tslib_1.__extends(Axis, _super);
|
|
function Axis(options) {
|
|
return _super.call(this, options, constant_1.AXIS_BASE_DEFAULT_ATTR) || this;
|
|
}
|
|
Axis.prototype.render = function (attributes, container, specificAnimation) {
|
|
var _this = this;
|
|
var titleText = attributes.titleText, data = attributes.data, animate = attributes.animate, showTitle = attributes.showTitle, showGrid = attributes.showGrid, dataThreshold = attributes.dataThreshold, truncRange = attributes.truncRange, classNamePrefix = attributes.classNamePrefix;
|
|
// Set root container className
|
|
var baseClassName = container.className || 'axis';
|
|
if (classNamePrefix) {
|
|
container.attr('className', "".concat(baseClassName, " ").concat(classNamePrefix, "axis"));
|
|
}
|
|
else if (!container.className) {
|
|
container.attr('className', 'axis');
|
|
}
|
|
var sampledData = (0, util_1.sampling)(data, dataThreshold).filter(function (_a) {
|
|
var value = _a.value;
|
|
if (truncRange && value > truncRange[0] && value < truncRange[1])
|
|
return false;
|
|
return true;
|
|
});
|
|
var finalAnimation = (0, animation_1.parseAnimationOption)(specificAnimation === undefined ? animate : specificAnimation);
|
|
/** grid */
|
|
var gridGroup = (0, util_1.select)(container).maybeAppendByClassName(constant_1.CLASS_NAMES.gridGroup, 'g');
|
|
(0, classname_1.applyClassName)(gridGroup, constant_1.CLASS_NAMES.gridGroup, classname_map_1.CLASSNAME_SUFFIX_MAP.gridGroup, classNamePrefix);
|
|
var gridTransitions = (0, util_1.ifShow)(showGrid, gridGroup, function (group) { return (0, grid_1.renderGrid)(group, sampledData, attributes, finalAnimation); }) || [];
|
|
/** main group */
|
|
var mainGroup = (0, util_1.select)(container).maybeAppendByClassName(constant_1.CLASS_NAMES.mainGroup, 'g');
|
|
(0, classname_1.applyClassName)(mainGroup, constant_1.CLASS_NAMES.mainGroup, classname_map_1.CLASSNAME_SUFFIX_MAP.mainGroup, classNamePrefix);
|
|
if (titleText && ((!this.initialized && finalAnimation.enter) || (this.initialized && finalAnimation.update))) {
|
|
renderAxisMain(attributes, (0, util_1.select)(this.offscreenGroup), sampledData, (0, animation_1.parseAnimationOption)(false));
|
|
}
|
|
// render
|
|
var mainTransitions = renderAxisMain(attributes, (0, util_1.select)(mainGroup.node()), sampledData, finalAnimation);
|
|
/** title */
|
|
var titleGroup = (0, util_1.select)(container).maybeAppendByClassName(constant_1.CLASS_NAMES.titleGroup, 'g');
|
|
(0, classname_1.applyClassName)(titleGroup, constant_1.CLASS_NAMES.titleGroup, classname_map_1.CLASSNAME_SUFFIX_MAP.titleGroup, classNamePrefix);
|
|
var titleTransitions = (0, util_1.ifShow)(showTitle, titleGroup, function (group) {
|
|
return (0, title_1.renderTitle)(group, _this, attributes, finalAnimation);
|
|
}) || [];
|
|
return tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(gridTransitions), false), tslib_1.__read(mainTransitions), false), tslib_1.__read(titleTransitions), false).flat().filter(function (t) { return !!t; });
|
|
};
|
|
return Axis;
|
|
}(core_1.Component));
|
|
exports.Axis = Axis;
|
|
//# sourceMappingURL=axis.js.map
|