[WebGL] Make it optional to use WebGL when creating TimeGraphContainer

Added an entry to TimeGraphContainerOptions, that the caller
can use to request that no WebGL context be used for the new
TimeGraphContainer:

noWebGl?: boolean

This can be used when the container is known in advance to be
lightweight in terms of rendering, such that using, for it,
one of the potentially limited number of available WebGL
contexts, is not worth it.

Signed-off-by: Marc Dumais <[email protected]>

Author: marcdumais-work

timeline-chart/src/time-graph-container.ts

@@ -12,6 +12,7 @@ export interface TimeGraphContainerOptions {
     lineColor?: number;
     transparent?: boolean;
     classNames?: string;
+    forceCanvasRenderer?: boolean;
 }
 
 export class TimeGraphContainer {
@@ -36,7 +37,8 @@ export class TimeGraphContainer {
             canvas = extCanvas;
         }
 
-        const noWebgl2 = !PIXI.utils.isWebGLSupported() || !canvas.getContext('webgl2');
+        const supported = PIXI.utils.isWebGLSupported();
+        const noWebgl2 = !supported || config.forceCanvasRenderer || !canvas.getContext('webgl2');
         canvas.style.width = config.width + 'px';
         canvas.style.height = config.height + 'px';
         canvas.width = config.width;