331 lines
9.4 KiB
JavaScript
331 lines
9.4 KiB
JavaScript
|
||
/*
|
||
* Licensed to the Apache Software Foundation (ASF) under one
|
||
* or more contributor license agreements. See the NOTICE file
|
||
* distributed with this work for additional information
|
||
* regarding copyright ownership. The ASF licenses this file
|
||
* to you under the Apache License, Version 2.0 (the
|
||
* "License"); you may not use this file except in compliance
|
||
* with the License. You may obtain a copy of the License at
|
||
*
|
||
* http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing,
|
||
* software distributed under the License is distributed on an
|
||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||
* KIND, either express or implied. See the License for the
|
||
* specific language governing permissions and limitations
|
||
* under the License.
|
||
*/
|
||
|
||
var _config = require("../../config");
|
||
|
||
var __DEV__ = _config.__DEV__;
|
||
|
||
var SeriesModel = require("../../model/Series");
|
||
|
||
var List = require("../../data/List");
|
||
|
||
var _util = require("zrender/lib/core/util");
|
||
|
||
var concatArray = _util.concatArray;
|
||
var mergeAll = _util.mergeAll;
|
||
var map = _util.map;
|
||
|
||
var _format = require("../../util/format");
|
||
|
||
var encodeHTML = _format.encodeHTML;
|
||
|
||
var CoordinateSystem = require("../../CoordinateSystem");
|
||
|
||
/*
|
||
* Licensed to the Apache Software Foundation (ASF) under one
|
||
* or more contributor license agreements. See the NOTICE file
|
||
* distributed with this work for additional information
|
||
* regarding copyright ownership. The ASF licenses this file
|
||
* to you under the Apache License, Version 2.0 (the
|
||
* "License"); you may not use this file except in compliance
|
||
* with the License. You may obtain a copy of the License at
|
||
*
|
||
* http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing,
|
||
* software distributed under the License is distributed on an
|
||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||
* KIND, either express or implied. See the License for the
|
||
* specific language governing permissions and limitations
|
||
* under the License.
|
||
*/
|
||
|
||
/* global Uint32Array, Float64Array, Float32Array */
|
||
var Uint32Arr = typeof Uint32Array === 'undefined' ? Array : Uint32Array;
|
||
var Float64Arr = typeof Float64Array === 'undefined' ? Array : Float64Array;
|
||
|
||
function compatEc2(seriesOpt) {
|
||
var data = seriesOpt.data;
|
||
|
||
if (data && data[0] && data[0][0] && data[0][0].coord) {
|
||
seriesOpt.data = map(data, function (itemOpt) {
|
||
var coords = [itemOpt[0].coord, itemOpt[1].coord];
|
||
var target = {
|
||
coords: coords
|
||
};
|
||
|
||
if (itemOpt[0].name) {
|
||
target.fromName = itemOpt[0].name;
|
||
}
|
||
|
||
if (itemOpt[1].name) {
|
||
target.toName = itemOpt[1].name;
|
||
}
|
||
|
||
return mergeAll([target, itemOpt[0], itemOpt[1]]);
|
||
});
|
||
}
|
||
}
|
||
|
||
var LinesSeries = SeriesModel.extend({
|
||
type: 'series.lines',
|
||
dependencies: ['grid', 'polar'],
|
||
visualColorAccessPath: 'lineStyle.color',
|
||
init: function (option) {
|
||
// The input data may be null/undefined.
|
||
option.data = option.data || []; // Not using preprocessor because mergeOption may not have series.type
|
||
|
||
compatEc2(option);
|
||
|
||
var result = this._processFlatCoordsArray(option.data);
|
||
|
||
this._flatCoords = result.flatCoords;
|
||
this._flatCoordsOffset = result.flatCoordsOffset;
|
||
|
||
if (result.flatCoords) {
|
||
option.data = new Float32Array(result.count);
|
||
}
|
||
|
||
LinesSeries.superApply(this, 'init', arguments);
|
||
},
|
||
mergeOption: function (option) {
|
||
// The input data may be null/undefined.
|
||
option.data = option.data || [];
|
||
compatEc2(option);
|
||
|
||
if (option.data) {
|
||
// Only update when have option data to merge.
|
||
var result = this._processFlatCoordsArray(option.data);
|
||
|
||
this._flatCoords = result.flatCoords;
|
||
this._flatCoordsOffset = result.flatCoordsOffset;
|
||
|
||
if (result.flatCoords) {
|
||
option.data = new Float32Array(result.count);
|
||
}
|
||
}
|
||
|
||
LinesSeries.superApply(this, 'mergeOption', arguments);
|
||
},
|
||
appendData: function (params) {
|
||
var result = this._processFlatCoordsArray(params.data);
|
||
|
||
if (result.flatCoords) {
|
||
if (!this._flatCoords) {
|
||
this._flatCoords = result.flatCoords;
|
||
this._flatCoordsOffset = result.flatCoordsOffset;
|
||
} else {
|
||
this._flatCoords = concatArray(this._flatCoords, result.flatCoords);
|
||
this._flatCoordsOffset = concatArray(this._flatCoordsOffset, result.flatCoordsOffset);
|
||
}
|
||
|
||
params.data = new Float32Array(result.count);
|
||
}
|
||
|
||
this.getRawData().appendData(params.data);
|
||
},
|
||
_getCoordsFromItemModel: function (idx) {
|
||
var itemModel = this.getData().getItemModel(idx);
|
||
var coords = itemModel.option instanceof Array ? itemModel.option : itemModel.getShallow('coords');
|
||
return coords;
|
||
},
|
||
getLineCoordsCount: function (idx) {
|
||
if (this._flatCoordsOffset) {
|
||
return this._flatCoordsOffset[idx * 2 + 1];
|
||
} else {
|
||
return this._getCoordsFromItemModel(idx).length;
|
||
}
|
||
},
|
||
getLineCoords: function (idx, out) {
|
||
if (this._flatCoordsOffset) {
|
||
var offset = this._flatCoordsOffset[idx * 2];
|
||
var len = this._flatCoordsOffset[idx * 2 + 1];
|
||
|
||
for (var i = 0; i < len; i++) {
|
||
out[i] = out[i] || [];
|
||
out[i][0] = this._flatCoords[offset + i * 2];
|
||
out[i][1] = this._flatCoords[offset + i * 2 + 1];
|
||
}
|
||
|
||
return len;
|
||
} else {
|
||
var coords = this._getCoordsFromItemModel(idx);
|
||
|
||
for (var i = 0; i < coords.length; i++) {
|
||
out[i] = out[i] || [];
|
||
out[i][0] = coords[i][0];
|
||
out[i][1] = coords[i][1];
|
||
}
|
||
|
||
return coords.length;
|
||
}
|
||
},
|
||
_processFlatCoordsArray: function (data) {
|
||
var startOffset = 0;
|
||
|
||
if (this._flatCoords) {
|
||
startOffset = this._flatCoords.length;
|
||
} // Stored as a typed array. In format
|
||
// Points Count(2) | x | y | x | y | Points Count(3) | x | y | x | y | x | y |
|
||
|
||
|
||
if (typeof data[0] === 'number') {
|
||
var len = data.length; // Store offset and len of each segment
|
||
|
||
var coordsOffsetAndLenStorage = new Uint32Arr(len);
|
||
var coordsStorage = new Float64Arr(len);
|
||
var coordsCursor = 0;
|
||
var offsetCursor = 0;
|
||
var dataCount = 0;
|
||
|
||
for (var i = 0; i < len;) {
|
||
dataCount++;
|
||
var count = data[i++]; // Offset
|
||
|
||
coordsOffsetAndLenStorage[offsetCursor++] = coordsCursor + startOffset; // Len
|
||
|
||
coordsOffsetAndLenStorage[offsetCursor++] = count;
|
||
|
||
for (var k = 0; k < count; k++) {
|
||
var x = data[i++];
|
||
var y = data[i++];
|
||
coordsStorage[coordsCursor++] = x;
|
||
coordsStorage[coordsCursor++] = y;
|
||
|
||
if (i > len) {}
|
||
}
|
||
}
|
||
|
||
return {
|
||
flatCoordsOffset: new Uint32Array(coordsOffsetAndLenStorage.buffer, 0, offsetCursor),
|
||
flatCoords: coordsStorage,
|
||
count: dataCount
|
||
};
|
||
}
|
||
|
||
return {
|
||
flatCoordsOffset: null,
|
||
flatCoords: null,
|
||
count: data.length
|
||
};
|
||
},
|
||
getInitialData: function (option, ecModel) {
|
||
var lineData = new List(['value'], this);
|
||
lineData.hasItemOption = false;
|
||
lineData.initData(option.data, [], function (dataItem, dimName, dataIndex, dimIndex) {
|
||
// dataItem is simply coords
|
||
if (dataItem instanceof Array) {
|
||
return NaN;
|
||
} else {
|
||
lineData.hasItemOption = true;
|
||
var value = dataItem.value;
|
||
|
||
if (value != null) {
|
||
return value instanceof Array ? value[dimIndex] : value;
|
||
}
|
||
}
|
||
});
|
||
return lineData;
|
||
},
|
||
formatTooltip: function (dataIndex) {
|
||
var data = this.getData();
|
||
var itemModel = data.getItemModel(dataIndex);
|
||
var name = itemModel.get('name');
|
||
|
||
if (name) {
|
||
return name;
|
||
}
|
||
|
||
var fromName = itemModel.get('fromName');
|
||
var toName = itemModel.get('toName');
|
||
var html = [];
|
||
fromName != null && html.push(fromName);
|
||
toName != null && html.push(toName);
|
||
return encodeHTML(html.join(' > '));
|
||
},
|
||
preventIncremental: function () {
|
||
return !!this.get('effect.show');
|
||
},
|
||
getProgressive: function () {
|
||
var progressive = this.option.progressive;
|
||
|
||
if (progressive == null) {
|
||
return this.option.large ? 1e4 : this.get('progressive');
|
||
}
|
||
|
||
return progressive;
|
||
},
|
||
getProgressiveThreshold: function () {
|
||
var progressiveThreshold = this.option.progressiveThreshold;
|
||
|
||
if (progressiveThreshold == null) {
|
||
return this.option.large ? 2e4 : this.get('progressiveThreshold');
|
||
}
|
||
|
||
return progressiveThreshold;
|
||
},
|
||
defaultOption: {
|
||
coordinateSystem: 'geo',
|
||
zlevel: 0,
|
||
z: 2,
|
||
legendHoverLink: true,
|
||
hoverAnimation: true,
|
||
// Cartesian coordinate system
|
||
xAxisIndex: 0,
|
||
yAxisIndex: 0,
|
||
symbol: ['none', 'none'],
|
||
symbolSize: [10, 10],
|
||
// Geo coordinate system
|
||
geoIndex: 0,
|
||
effect: {
|
||
show: false,
|
||
period: 4,
|
||
// Animation delay. support callback
|
||
// delay: 0,
|
||
// If move with constant speed px/sec
|
||
// period will be ignored if this property is > 0,
|
||
constantSpeed: 0,
|
||
symbol: 'circle',
|
||
symbolSize: 3,
|
||
loop: true,
|
||
// Length of trail, 0 - 1
|
||
trailLength: 0.2 // Same with lineStyle.color
|
||
// color
|
||
|
||
},
|
||
large: false,
|
||
// Available when large is true
|
||
largeThreshold: 2000,
|
||
// If lines are polyline
|
||
// polyline not support curveness, label, animation
|
||
polyline: false,
|
||
label: {
|
||
show: false,
|
||
position: 'end' // distance: 5,
|
||
// formatter: 标签文本格式器，同Tooltip.formatter，不支持异步回调
|
||
|
||
},
|
||
lineStyle: {
|
||
opacity: 0.5
|
||
}
|
||
}
|
||
});
|
||
var _default = LinesSeries;
|
||
module.exports = _default; |