echarts-gl
Version:
Extension pack of ECharts providing 3D plots and globe visualization
187 lines (160 loc) • 6.18 kB
JavaScript
/**
* echarts-gl
* Extension pack of ECharts providing 3d plots and globe visualization
*
* Copyright (c) 2014, echarts-gl
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* * Redistributions of source code must retain the above copyright notice, this
* list of conditions and the following disclaimer.
*
* * Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
* FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
* DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
* SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
* CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
* OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
import * as echartsNS from 'echarts/lib/echarts';
import graphicGL from './util/graphicGL';
import LayerGL from './core/LayerGL';
import backwardCompat from './preprocessor/backwardCompat';
import { mountEChartsNamespace } from './util/mountEChartsNamespace';
var echarts = echartsNS;
mountEChartsNamespace(echarts, 'graphicGL', graphicGL);
function EChartsGL(zr) {
this._layers = {};
this._zr = zr;
}
EChartsGL.prototype.update = function (ecModel, api) {
var self = this;
var zr = api.getZr();
if (!zr.getWidth() || !zr.getHeight()) {
console.warn('Dom has no width or height');
return;
}
function getLayerGL(model) {
// Disable auto sleep in gl layer.
zr.setSleepAfterStill(0);
var zlevel; // Host on coordinate system.
if (model.coordinateSystem && model.coordinateSystem.model) {
zlevel = model.get('zlevel');
} else {
zlevel = model.get('zlevel');
}
var layers = self._layers;
var layerGL = layers[zlevel];
if (!layerGL) {
layerGL = layers[zlevel] = new LayerGL('gl-' + zlevel, zr);
if (zr.painter.isSingleCanvas()) {
layerGL.virtual = true; // If container is canvas, use image to represent LayerGL
// FIXME Performance
var img = new echarts.graphic.Image({
z: 1e4,
style: {
image: layerGL.renderer.canvas
},
silent: true
});
layerGL.__hostImage = img;
zr.add(img);
}
zr.painter.insertLayer(zlevel, layerGL);
}
if (layerGL.__hostImage) {
layerGL.__hostImage.setStyle({
width: layerGL.renderer.getWidth(),
height: layerGL.renderer.getHeight()
});
}
return layerGL;
}
function setSilent(groupGL, silent) {
if (groupGL) {
groupGL.traverse(function (mesh) {
if (mesh.isRenderable && mesh.isRenderable()) {
mesh.ignorePicking = mesh.$ignorePicking != null ? mesh.$ignorePicking : silent;
}
});
}
}
for (var zlevel in this._layers) {
this._layers[zlevel].removeViewsAll();
}
ecModel.eachComponent(function (componentType, componentModel) {
if (componentType !== 'series') {
var view = api.getViewOfComponentModel(componentModel);
var coordSys = componentModel.coordinateSystem; // View with __ecgl__ flag is a echarts-gl component.
if (view.__ecgl__) {
var viewGL;
if (coordSys) {
if (!coordSys.viewGL) {
console.error("Can't find viewGL in coordinateSystem of component " + componentModel.id);
return;
}
viewGL = coordSys.viewGL;
} else {
if (!componentModel.viewGL) {
console.error("Can't find viewGL of component " + componentModel.id);
return;
}
viewGL = coordSys.viewGL;
}
var viewGL = coordSys.viewGL;
var layerGL = getLayerGL(componentModel);
layerGL.addView(viewGL);
view.afterRender && view.afterRender(componentModel, ecModel, api, layerGL);
setSilent(view.groupGL, componentModel.get('silent'));
}
}
});
ecModel.eachSeries(function (seriesModel) {
var chartView = api.getViewOfSeriesModel(seriesModel);
var coordSys = seriesModel.coordinateSystem;
if (chartView.__ecgl__) {
if (coordSys && !coordSys.viewGL && !chartView.viewGL) {
console.error("Can't find viewGL of series " + chartView.id);
return;
}
var viewGL = coordSys && coordSys.viewGL || chartView.viewGL; // TODO Check zlevel not same with component of coordinate system ?
var layerGL = getLayerGL(seriesModel);
layerGL.addView(viewGL);
chartView.afterRender && chartView.afterRender(seriesModel, ecModel, api, layerGL);
setSilent(chartView.groupGL, seriesModel.get('silent'));
}
});
}; // Ensure GL layers are properly disposed when the painter is torn down.
// zrender 6's native getRenderedCanvas already handles non-builtin layers
// (including LayerGL) via renderToCanvas, so we no longer need to override it.
echarts.registerPostInit(function (chart) {
var zr = chart.getZr();
var originalDispose = zr.painter.dispose;
zr.painter.dispose = function () {
if (typeof this.eachOtherLayer === 'function') {
this.eachOtherLayer(function (layer) {
if (layer instanceof LayerGL) {
layer.dispose();
}
});
}
originalDispose.call(this);
};
});
echarts.registerPostUpdate(function (ecModel, api) {
var zr = api.getZr();
var egl = zr.__egl = zr.__egl || new EChartsGL(zr);
egl.update(ecModel, api);
});
echarts.registerPreprocessor(backwardCompat);
export default EChartsGL;