| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- var graphic = require("../../util/graphic");
- var SymbolClz = require("./Symbol");
- /**
- * @module echarts/chart/helper/SymbolDraw
- */
- /**
- * @constructor
- * @alias module:echarts/chart/helper/SymbolDraw
- * @param {module:zrender/graphic/Group} [symbolCtor]
- */
- function SymbolDraw(symbolCtor) {
- this.group = new graphic.Group();
- this._symbolCtor = symbolCtor || SymbolClz;
- }
- var symbolDrawProto = SymbolDraw.prototype;
- function symbolNeedsDraw(data, idx, isIgnore) {
- var point = data.getItemLayout(idx); // Is an object
- // if (point && point.hasOwnProperty('point')) {
- // point = point.point;
- // }
- return point && !isNaN(point[0]) && !isNaN(point[1]) && !(isIgnore && isIgnore(idx)) && data.getItemVisual(idx, 'symbol') !== 'none';
- }
- /**
- * Update symbols draw by new data
- * @param {module:echarts/data/List} data
- * @param {Array.<boolean>} [isIgnore]
- */
- symbolDrawProto.updateData = function (data, isIgnore) {
- var group = this.group;
- var seriesModel = data.hostModel;
- var oldData = this._data;
- var SymbolCtor = this._symbolCtor;
- var seriesScope = {
- itemStyle: seriesModel.getModel('itemStyle.normal').getItemStyle(['color']),
- hoverItemStyle: seriesModel.getModel('itemStyle.emphasis').getItemStyle(),
- symbolRotate: seriesModel.get('symbolRotate'),
- symbolOffset: seriesModel.get('symbolOffset'),
- hoverAnimation: seriesModel.get('hoverAnimation'),
- labelModel: seriesModel.getModel('label.normal'),
- hoverLabelModel: seriesModel.getModel('label.emphasis'),
- cursorStyle: seriesModel.get('cursor')
- };
- data.diff(oldData).add(function (newIdx) {
- var point = data.getItemLayout(newIdx);
- if (symbolNeedsDraw(data, newIdx, isIgnore)) {
- var symbolEl = new SymbolCtor(data, newIdx, seriesScope);
- symbolEl.attr('position', point);
- data.setItemGraphicEl(newIdx, symbolEl);
- group.add(symbolEl);
- }
- }).update(function (newIdx, oldIdx) {
- var symbolEl = oldData.getItemGraphicEl(oldIdx);
- var point = data.getItemLayout(newIdx);
- if (!symbolNeedsDraw(data, newIdx, isIgnore)) {
- group.remove(symbolEl);
- return;
- }
- if (!symbolEl) {
- symbolEl = new SymbolCtor(data, newIdx);
- symbolEl.attr('position', point);
- } else {
- symbolEl.updateData(data, newIdx, seriesScope);
- graphic.updateProps(symbolEl, {
- position: point
- }, seriesModel);
- } // Add back
- group.add(symbolEl);
- data.setItemGraphicEl(newIdx, symbolEl);
- }).remove(function (oldIdx) {
- var el = oldData.getItemGraphicEl(oldIdx);
- el && el.fadeOut(function () {
- group.remove(el);
- });
- }).execute();
- this._data = data;
- };
- symbolDrawProto.updateLayout = function () {
- var data = this._data;
- if (data) {
- // Not use animation
- data.eachItemGraphicEl(function (el, idx) {
- var point = data.getItemLayout(idx);
- el.attr('position', point);
- });
- }
- };
- symbolDrawProto.remove = function (enableAnimation) {
- var group = this.group;
- var data = this._data;
- if (data) {
- if (enableAnimation) {
- data.eachItemGraphicEl(function (el) {
- el.fadeOut(function () {
- group.remove(el);
- });
- });
- } else {
- group.removeAll();
- }
- }
- };
- var _default = SymbolDraw;
- module.exports = _default;
|