function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; } var Util = require('../util'); var Helper = require('./util/helper'); var Guide = require('./base'); var DataRegion = /*#__PURE__*/function (_Guide) { _inheritsLoose(DataRegion, _Guide); var _super = _createSuper(DataRegion); function DataRegion() { return _Guide.apply(this, arguments) || this; } var _proto = DataRegion.prototype; _proto.getDefaultCfg = function getDefaultCfg() { var cfg = _Guide.prototype.getDefaultCfg.call(this); return Util.mix({}, cfg, { name: 'dataRegion', start: null, // 只支持数值 end: null, // 只支持数值 content: '', // 文本内容 style: { region: { lineWidth: 0, fill: '#000000', opacity: 0.04 }, text: { textAlign: 'center', textBaseline: 'bottom', fontSize: 12, fill: 'rgba(0, 0, 0, .65)' } } }); }; _proto.render = function render(coord, group, data) { var self = this; // draw region var lineLength = self.get('lineLength') || 0; // TODO: 如何命名 var regionData = self._getRegionData(coord, data); if (!regionData.length) return; var regionBBox = self._getBBox(regionData); var path = []; path.push(['M', regionData[0].x, regionBBox.yMin - lineLength]); for (var i = 0, len = regionData.length; i < len; i++) { var p = ['L', regionData[i].x, regionData[i].y]; path.push(p); } path.push(['L', regionData[regionData.length - 1].x, regionBBox.yMin - lineLength]); // draw var style = self.get('style'); var regionStyle = style.region; // 兼容之前的写法 var textStyle = style.text; var regionGroup = group.addGroup(); regionGroup.name = 'guide-data-region'; regionGroup.addShape('path', { attrs: Util.mix({ path: path }, regionStyle) }); var content = self.get('content'); if (content) { regionGroup.addShape('Text', { attrs: Util.mix({ x: (regionBBox.xMin + regionBBox.xMax) / 2, y: regionBBox.yMin - lineLength, text: content }, textStyle) }); } self.get('appendInfo') && regionGroup.setSilent('appendInfo', self.get('appendInfo')); self.set('el', regionGroup); }; _proto._getRegionData = function _getRegionData(coord, data) { var self = this; var start = self.get('start'); var end = self.get('end'); var xField = Helper.getFirstScale(self.get('xScales')).field; var yField = Helper.getFirstScale(self.get('yScales')).field; var startXValue = Util.isArray(start) ? start[0] : start[xField]; var endXValue = Util.isArray(end) ? end[0] : end[xField]; var startIndex; var arr = []; for (var i = 0, len = data.length; i < len; i++) { var item = data[i]; if (item[xField] === startXValue) { startIndex = i; } if (i >= startIndex) { var point = self.parsePoint(coord, [item[xField], item[yField]]); // 判断是否是有效点 point && arr.push(point); } if (item[xField] === endXValue) { break; } } return arr; }; _proto._getBBox = function _getBBox(data) { var xs = []; var ys = []; for (var i = 0; i < data.length; i++) { xs.push(data[i].x); ys.push(data[i].y); } var xRange = Util.arrayUtil.getRange(xs); var yRange = Util.arrayUtil.getRange(ys); return { xMin: xRange.min, xMax: xRange.max, yMin: yRange.min, yMax: yRange.max }; }; return DataRegion; }(Guide); module.exports = DataRegion;