# Wijmo_Chart_Webgl.Webglrenderengine

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WebGLRenderEngine Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>High performance rendering engine for a <a href="wijmo_chart.flexchart.html">FlexChart</a> control.</p>
								</div>
								<p>To enable WebGL rendering on a <a href="wijmo_chart.flexchart.html">FlexChart</a> control,
									set <b>renderEngine<b> property of <a href="wijmo_chart.flexchart.html">FlexChart</a> to
								an instance of the <a href="wijmo_chart_webgl.webglrenderengine.html">WebGLRenderEngine</a>. For example:</b></b></p><b><b>
								<pre><code class="language-typescript"><span class="hljs-keyword">import</span> { FlexChart } <span class="hljs-keyword">from</span> <span class="hljs-string">'@mescius/wijmo.chart'</span>;
<span class="hljs-keyword">import</span> { WebGLRenderEngine } <span class="hljs-keyword">from</span> <span class="hljs-string">'@mescius/wijmo.chart.webgl'</span>;
<span class="hljs-keyword">let</span> flexChart = <span class="hljs-keyword">new</span> FlexChart(<span class="hljs-string">'#theGrid'</span>); <span class="hljs-comment">// create the chart</span>
flexChart.renderEngine = <span class="hljs-keyword">new</span> WebGLRenderEngine(); <span class="hljs-comment">// set the render engine</span></code></pre>
							</b></b></div><b><b>
						</b></b></section><b><b>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">_SvgRenderEngine</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WebGLRenderEngine</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</b></b></div>