<div class="header-panel member">
<h2><span class="identifier">IRenderEngine</span> Interface</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.chart.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.chart.Module.html"><span class="identifier">wijmo.chart</span></a></dd>
</dl>
<div class="comment"><p>Represents a rendering engine that performs the basic drawing routines.</p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#element">element</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#fill">fill</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#fontFamily">fontFamily</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#fontSize">fontSize</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#stroke">stroke</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#strokeWidth">strokeWidth</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#textFill">textFill</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#addClipRect">addClipRect</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#beginRender">beginRender</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawDonutSegment">drawDonutSegment</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawEllipse">drawEllipse</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawImage">drawImage</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawLine">drawLine</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawLines">drawLines</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawPieSegment">drawPieSegment</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawPolygon">drawPolygon</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawRect">drawRect</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawSplines">drawSplines</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawString">drawString</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#drawStringRotated">drawStringRotated</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#endGroup">endGroup</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#endRender">endRender</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#measureString">measureString</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#setViewportSize">setViewportSize</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.IRenderEngine.Interface.html/#startGroup">startGroup</a></li>
</ul>
</div>
<h3 class="node">Properties</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="element" class="member-panel mproperty">
<h3>element</h3>
<div class="comment"><p>Gets the rendered element.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/API/Element" target="_blank"><span class="identifier">Element</span></a></dd>
</dl>
</div>
<div id="fill" class="member-panel mproperty">
<h3>fill</h3>
<div class="comment"><p>Gets or sets the color used to fill the element.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="fontFamily" class="member-panel mproperty">
<h3>fontFamily</h3>
<div class="comment"><p>Gets or sets the font family for the text output.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="fontSize" class="member-panel mproperty">
<h3>fontSize</h3>
<div class="comment"><p>Gets or sets the font size for the text output.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="stroke" class="member-panel mproperty">
<h3>stroke</h3>
<div class="comment"><p>Gets or sets the color used to outline the element.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
<div id="strokeWidth" class="member-panel mproperty">
<h3>strokeWidth</h3>
<div class="comment"><p>Gets or sets the thickness of the outline.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="textFill" class="member-panel mproperty">
<h3>textFill</h3>
<div class="comment"><p>Gets or sets the text color.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
</div>
<h3 class="node">Methods</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="addClipRect" class="member-panel mmethod">
<h3>addClipRect</h3>
<pre>addClipRect(clipRect: <a href="topic/wijmo.Rect.Class.html"><span class="identifier">Rect</span></a>, id: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Adds a clipping rectangle to the context.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>clipRect</b>: <a href="topic/wijmo.Rect.Class.html"><span class="identifier">Rect</span></a><br/><p>The clipping rectangle.</p></li><li><b>id</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>The ID of the clipping rectangle.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="beginRender" class="member-panel mmethod">
<h3>beginRender</h3>
<pre>beginRender(): <span class="identifier">void</span></pre>
<div class="comment"><p>Clears the viewport and starts the rendering cycle.</p></div>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawDonutSegment" class="member-panel mmethod">
<h3>drawDonutSegment</h3>
<pre>drawDonutSegment(cx: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, cy: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, radius: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, innerRadius: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, startAngle: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, sweepAngle: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>, clipPath?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a doughnut segment.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>cx</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>X coordinate of the segment center.</p></li><li><b>cy</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Y coordinate of the segment center.</p></li><li><b>radius</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Outer radius of the segment.</p></li><li><b>innerRadius</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Inner radius of the segment.</p></li><li><b>startAngle</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Start angle of the segment, in degrees.</p></li><li><b>sweepAngle</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Sweep angle of the segment, in degrees clockwise.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li><li><b>clipPath</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Id of the path to use as a clipping path.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawEllipse" class="member-panel mmethod">
<h3>drawEllipse</h3>
<pre>drawEllipse(cx: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, cy: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, rx: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, ry: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws an ellipse.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>cx</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>X coordinate of the ellipse's center.</p></li><li><b>cy</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Y coordinate of the ellipse's center.</p></li><li><b>rx</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>X radius (half of the ellipse's width).</p></li><li><b>ry</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Y radius (half of the ellipse's height).</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawImage" class="member-panel mmethod">
<h3>drawImage</h3>
<pre>drawImage(href: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, x: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, y: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, w: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, h: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws an image.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>href</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>Url of the image to draw.</p></li><li><b>x</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Left coordinate of the image's bounding rectangle.</p></li><li><b>y</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Bottom coordinate of the image's bounding rectangle.</p></li><li><b>w</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Image width.</p></li><li><b>h</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Image height.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawLine" class="member-panel mmethod">
<h3>drawLine</h3>
<pre>drawLine(x1: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, y1: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, x2: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, y2: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a line.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>x1</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>X coordinate of the first point.</p></li><li><b>y1</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Y coordinate of the first point.</p></li><li><b>x2</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>X coordinate of the second point.</p></li><li><b>y2</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Y coordinate of the second point.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawLines" class="member-panel mmethod">
<h3>drawLines</h3>
<pre>drawLines(xs: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[], ys: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[], className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>, clipPath?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a series of lines.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>xs</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[]<br/><p>Array of X coordinates.</p></li><li><b>ys</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[]<br/><p>Array of Y coordinates.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li><li><b>clipPath</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Id of the path to use as a clipping path.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawPieSegment" class="member-panel mmethod">
<h3>drawPieSegment</h3>
<pre>drawPieSegment(cx: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, cy: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, radius: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, startAngle: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, sweepAngle: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>, clipPath?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a pie segment.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>cx</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>X coordinate of the segment center.</p></li><li><b>cy</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Y coordinate of the segment center.</p></li><li><b>radius</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Radius of the segment.</p></li><li><b>startAngle</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Start angle of the segment, in degrees.</p></li><li><b>sweepAngle</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Sweep angle of the segment, in degrees clockwise.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li><li><b>clipPath</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Id of the path to use as a clipping path.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawPolygon" class="member-panel mmethod">
<h3>drawPolygon</h3>
<pre>drawPolygon(xs: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[], ys: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[], className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>, clipPath?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a polygon.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>xs</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[]<br/><p>Array of X coordinates.</p></li><li><b>ys</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[]<br/><p>Array of Y coordinates.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li><li><b>clipPath</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Id of the path to use as a clipping path.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawRect" class="member-panel mmethod">
<h3>drawRect</h3>
<pre>drawRect(x: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, y: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, w: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, h: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>, clipPath?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a rectangle.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>x</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Left of the rectangle.</p></li><li><b>y</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Bottom of the rectangle.</p></li><li><b>w</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Width of the rectangle.</p></li><li><b>h</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Height of the rectangle.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li><li><b>clipPath</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Id of the path to use as a clipping path.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawSplines" class="member-panel mmethod">
<h3>drawSplines</h3>
<pre>drawSplines(xs: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[], ys: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[], className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>, clipPath?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a series of splines (smooth path).</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>xs</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[]<br/><p>Array of X coordinates.</p></li><li><b>ys</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>[]<br/><p>Array of Y coordinates.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li><li><b>clipPath</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Id of the path to use as a clipping path.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawString" class="member-panel mmethod">
<h3>drawString</h3>
<pre>drawString(s: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, pt: <a href="topic/wijmo.Point.Class.html"><span class="identifier">Point</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a string.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>s</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>String to be drawn.</p></li><li><b>pt</b>: <a href="topic/wijmo.Point.Class.html"><span class="identifier">Point</span></a><br/><p>Reference point for the string.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="drawStringRotated" class="member-panel mmethod">
<h3>drawStringRotated</h3>
<pre>drawStringRotated(s: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, pt: <a href="topic/wijmo.Point.Class.html"><span class="identifier">Point</span></a>, center: <a href="topic/wijmo.Point.Class.html"><span class="identifier">Point</span></a>, angle: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>): <span class="identifier">void</span></pre>
<div class="comment"><p>Draws a rotated string.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>s</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>String to be drawn.</p></li><li><b>pt</b>: <a href="topic/wijmo.Point.Class.html"><span class="identifier">Point</span></a><br/><p>Reference point for rendering the string.</p></li><li><b>center</b>: <a href="topic/wijmo.Point.Class.html"><span class="identifier">Point</span></a><br/><p>Reference point for rotating the string.</p></li><li><b>angle</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Rotation angle, in degrees, clockwise.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to be applied to the element.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to be applied to the element.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="endGroup" class="member-panel mmethod">
<h3>endGroup</h3>
<pre>endGroup(): <span class="identifier">void</span></pre>
<div class="comment"><p>Ends a group.</p></div>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="endRender" class="member-panel mmethod">
<h3>endRender</h3>
<pre>endRender(): <span class="identifier">void</span></pre>
<div class="comment"><p>Finishes the rendering cycle.</p></div>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="measureString" class="member-panel mmethod">
<h3>measureString</h3>
<pre>measureString(s: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, groupName?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, style?: <span class="identifier">any</span>): <a href="topic/wijmo.Size.Class.html"><span class="identifier">Size</span></a></pre>
<div class="comment"><p>Measures a string.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>s</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a><br/><p>String to be measured.</p></li><li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to use when measuring the string.</p></li><li><b>groupName</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Name of the group to use when measuring the string.</p></li><li><b>style</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>Style object to use when measuring the string.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><a href="topic/wijmo.Size.Class.html"><span class="identifier">Size</span></a></dd>
</dl>
</div>
<div id="setViewportSize" class="member-panel mmethod">
<h3>setViewportSize</h3>
<pre>setViewportSize(w: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>, h: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Sets the size of the viewport.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>w</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Viewport width.</p></li><li><b>h</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a><br/><p>Viewport height.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="startGroup" class="member-panel mmethod">
<h3>startGroup</h3>
<pre>startGroup(className?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, clipPath?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a>, createTransform?: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a>): <span class="identifier">void</span></pre>
<div class="comment"><p>Starts a group.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>className</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Class name to apply to the new group.</p></li><li><b>clipPath</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a> <span class="badge">Optional</span><br/><p>Id of the path to use as a clipping path.</p></li><li><b>createTransform</b>: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a> <span class="badge">Optional</span><br/><p>Whether to create a new transform for the group.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
</div>
