bizcharts
Version:
bizcharts
114 lines • 4.69 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) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
// todo: 图表联动方案
import { unregisterAction } from '@antv/g2/lib/interaction/action/register';
import TooltipAction from '@antv/g2/lib/interaction/action/component/tooltip/geometry';
import { uniqueId, forIn, get, set } from '@antv/util';
import { registerInteraction, registerAction } from '../core';
var CONNECTOR_MAP = {};
var Connector = /** @class */ (function () {
function Connector(type) {
this.cfg = { shared: true };
this.chartMap = {};
this.state = {};
this.id = uniqueId('bx-action');
this.type = type || 'tooltip';
}
Connector.prototype.connect = function (id, chart, pointFinder) {
this.chartMap[id] = { chart: chart, pointFinder: pointFinder };
chart.interaction("connect-".concat(this.type, "-").concat(this.id));
if (this.type === 'tooltip' && this.cfg.shared) {
if (get(chart, ['options', 'tooltip', 'shared']) === undefined) {
set(chart, ['options', 'tooltip', 'shared'], true);
}
;
}
return this;
};
Connector.prototype.unConnect = function (id) {
this.chartMap[id].chart.removeInteraction("connect-".concat(this.type, "-").concat(this.id));
delete this.chartMap[id];
};
Connector.prototype.destroy = function () {
unregisterAction("connect-".concat(this.type, "-").concat(this.id));
};
return Connector;
}());
export { Connector };
// 关联图表何处触发tooltip
var createTooltipConnector = function () {
var cm = new Connector('tooltip');
registerAction("connect-tooltip-".concat(cm.id), /** @class */ (function (_super) {
__extends(ConnectTooltip, _super);
function ConnectTooltip() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.CM = cm;
return _this;
}
ConnectTooltip.prototype.showTooltip = function (view, point) {
var records = view.getTooltipItems(point) || point;
forIn(this.CM.chartMap, function (item) {
var chart = item.chart, pointFinder = item.pointFinder;
if (chart.destroyed || !chart.visible) {
return;
}
if (pointFinder) {
var triggerPoint = pointFinder(records, chart);
// 如果没有返回值，则不联动
if (triggerPoint) {
chart.showTooltip(triggerPoint);
}
;
}
else {
chart.showTooltip(point);
}
});
};
ConnectTooltip.prototype.hideTooltip = function () {
forIn(this.CM.chartMap, function (_a) {
var chart = _a.chart;
return chart.hideTooltip();
});
};
return ConnectTooltip;
}(TooltipAction)));
registerInteraction("connect-tooltip-".concat(cm.id), {
start: [{ trigger: 'plot:mousemove', action: "connect-tooltip-".concat(cm.id, ":show") }],
end: [{ trigger: 'plot:mouseleave', action: "connect-tooltip-".concat(cm.id, ":hide") }],
});
return cm;
};
export var registerConnector = function (cid, tid, chart, shared, pointFinder) {
var connector = CONNECTOR_MAP[cid];
// 销毁
if (chart === null && connector) {
connector.unConnect(tid);
return;
}
// 创建 & 注册
if (connector) {
connector.connect(tid, chart, pointFinder);
}
else {
CONNECTOR_MAP[cid] = createTooltipConnector();
// shared false 是为了兼容饼图不支持shared的tooltip
CONNECTOR_MAP[cid].cfg.shared = !!shared;
CONNECTOR_MAP[cid].connect(tid, chart, pointFinder);
}
};
export default createTooltipConnector;
//# sourceMappingURL=createTooltipConnector.js.map