| Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/11585/cwd/html/ppaobm/backend/web/assets/16c36a2e/es-modules/modules/boost/ |
Upload File : |
/* *
*
* Copyright (c) 2019-2019 Highsoft AS
*
* Boost module: stripped-down renderer for higher performance
*
* License: highcharts.com/license
*
* */
'use strict';
import H from '../../parts/Globals.js';
import '../../parts/Series.js';
import GLRenderer from './wgl-renderer.js';
var win = H.win,
doc = win.document,
mainCanvas = doc.createElement('canvas');
/**
* Create a canvas + context and attach it to the target
*
* @private
* @function createAndAttachRenderer
*
* @param {Highcharts.Chart|Highcharts.Series} target
* the canvas target
*
* @param {Highcharts.Chart} chart
* the chart
*
* @return {*}
*/
function createAndAttachRenderer(chart, series) {
var width = chart.chartWidth,
height = chart.chartHeight,
target = chart,
targetGroup = chart.seriesGroup || series.group,
alpha = 1,
foSupported = doc.implementation.hasFeature(
'www.http://w3.org/TR/SVG11/feature#Extensibility',
'1.1'
);
if (chart.isChartSeriesBoosting()) {
target = chart;
} else {
target = series;
}
// Support for foreignObject is flimsy as best.
// IE does not support it, and Chrome has a bug which messes up
// the canvas draw order.
// As such, we force the Image fallback for now, but leaving the
// actual Canvas path in-place in case this changes in the future.
foSupported = false;
if (!target.renderTarget) {
target.canvas = mainCanvas;
// Fall back to image tag if foreignObject isn't supported,
// or if we're exporting.
if (chart.renderer.forExport || !foSupported) {
target.renderTarget = chart.renderer.image(
'',
0,
0,
width,
height
)
.addClass('highcharts-boost-canvas')
.add(targetGroup);
target.boostClear = function () {
target.renderTarget.attr({ href: '' });
};
target.boostCopy = function () {
target.boostResizeTarget();
target.renderTarget.attr({
href: target.canvas.toDataURL('image/png')
});
};
} else {
target.renderTargetFo = chart.renderer
.createElement('foreignObject')
.add(targetGroup);
target.renderTarget = doc.createElement('canvas');
target.renderTargetCtx = target.renderTarget.getContext('2d');
target.renderTargetFo.element.appendChild(target.renderTarget);
target.boostClear = function () {
target.renderTarget.width = target.canvas.width;
target.renderTarget.height = target.canvas.height;
};
target.boostCopy = function () {
target.renderTarget.width = target.canvas.width;
target.renderTarget.height = target.canvas.height;
target.renderTargetCtx.drawImage(target.canvas, 0, 0);
};
}
target.boostResizeTarget = function () {
width = chart.chartWidth;
height = chart.chartHeight;
(target.renderTargetFo || target.renderTarget)
.attr({
x: 0,
y: 0,
width: width,
height: height
})
.css({
pointerEvents: 'none',
mixedBlendMode: 'normal',
opacity: alpha
});
if (target instanceof H.Chart) {
target.markerGroup.translate(
chart.plotLeft,
chart.plotTop
);
}
};
target.boostClipRect = chart.renderer.clipRect();
(target.renderTargetFo || target.renderTarget)
.clip(target.boostClipRect);
if (target instanceof H.Chart) {
target.markerGroup = target.renderer.g().add(targetGroup);
target.markerGroup.translate(series.xAxis.pos, series.yAxis.pos);
}
}
target.canvas.width = width;
target.canvas.height = height;
target.boostClipRect.attr(chart.getBoostClipRect(target));
target.boostResizeTarget();
target.boostClear();
if (!target.ogl) {
target.ogl = GLRenderer(function () { // eslint-disable-line new-cap
if (target.ogl.settings.debug.timeBufferCopy) {
console.time('buffer copy'); // eslint-disable-line no-console
}
target.boostCopy();
if (target.ogl.settings.debug.timeBufferCopy) {
console.timeEnd('buffer copy'); // eslint-disable-line no-console
}
}); // eslint-disable-line new-cap
if (!target.ogl.init(target.canvas)) {
// The OGL renderer couldn't be inited.
// This likely means a shader error as we wouldn't get to this point
// if there was no WebGL support.
H.error('[highcharts boost] - unable to init WebGL renderer');
}
// target.ogl.clear();
target.ogl.setOptions(chart.options.boost || {});
if (target instanceof H.Chart) {
target.ogl.allocateBuffer(chart);
}
}
target.ogl.setSize(width, height);
return target.ogl;
}
export default createAndAttachRenderer;