You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Documentation/documentx/SciChart.js.dxp
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -3817,8 +3817,8 @@ Show external placement div</Notes>
3817
3817
<H2>How to add SciChart index.min.js to your project</H2><innovasys:widget type="Tip Box" layout="block"><innovasys:widgetproperty layout="block" name="Content">SciChart.js is hosted as a javascript file over at&nbsp;<A href="https://www.jsdelivr.com/package/npm/scichart" This can be included in a webpage either by linking direct to the script on CDN or downloading it.</innovasys:widgetproperty></innovasys:widget>
3818
3818
<OL>
3819
3819
<LI>Choose what version of SciChart you want to use. To find out which versions are available, head over to <A href="https://www.npmjs.com/package/scichart" and click on versions. For example, the&nbsp;<A href="https://www.npmjs.com/package/scichart" version today is 3.4.662</A>
3820
-
<LI>Add script pointing to a specific version into the head section of your html file. For instance to add version 3.4.662 add this script: <innovasys:widget type="Colorized Example Code" layout="block"><innovasys:widgetproperty layout="inline" name="Title">Include SciChart.js Script</innovasys:widgetproperty> <innovasys:widgetproperty layout="inline" name="LanguageName">JavaScript</innovasys:widgetproperty> <innovasys:widgetproperty layout="block" name="Content">&nbsp;&nbsp;&nbsp; &lt;script<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; src="<A href="https://cdn.jsdelivr.net/npm/scichart@3.5.704/index.min.js">https://cdn.jsdelivr.net/npm/scichart@3.5.704/index.min.js</A>"<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; crossorigin="anonymous"<BR>&nbsp;&nbsp;&nbsp; &gt;&lt;/script&gt;</innovasys:widgetproperty></innovasys:widget>
3821
-
<LI>You can if you wish, include latest minor version by using this syntax <innovasys:widget type="Colorized Example Code" layout="block"><innovasys:widgetproperty layout="inline" name="Title">Include SciChart.js Script</innovasys:widgetproperty> <innovasys:widgetproperty layout="inline" name="LanguageName">JavaScript</innovasys:widgetproperty> <innovasys:widgetproperty layout="block" name="Content">&nbsp;&nbsp;&nbsp; &lt;script<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; src="<A href="https://cdn.jsdelivr.net/npm/scichart@3.5.704/index.min.js"><U><FONT color=#0066cc>https://cdn.jsdelivr.net/npm/scichart@3.5.704/index.min.js</FONT></U></A>"<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; crossorigin="anonymous"<BR>&nbsp;&nbsp;&nbsp; &gt;&lt;/script&gt;</innovasys:widgetproperty></innovasys:widget>
3820
+
<LI>Add script pointing to a specific version into the head section of your html file. For instance to add version 3.4.662 add this script: <innovasys:widget type="Colorized Example Code" layout="block"><innovasys:widgetproperty layout="inline" name="Title">Include SciChart.js Script</innovasys:widgetproperty> <innovasys:widgetproperty layout="inline" name="LanguageName">JavaScript</innovasys:widgetproperty> <innovasys:widgetproperty layout="block" name="Content">&nbsp;&nbsp;&nbsp; &lt;script<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; src="<A href="https://cdn.jsdelivr.net/npm/scichart@3.5.706/index.min.js">https://cdn.jsdelivr.net/npm/scichart@3.5.706/index.min.js</A>"<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; crossorigin="anonymous"<BR>&nbsp;&nbsp;&nbsp; &gt;&lt;/script&gt;</innovasys:widgetproperty></innovasys:widget>
3821
+
<LI>You can if you wish, include latest minor version by using this syntax <innovasys:widget type="Colorized Example Code" layout="block"><innovasys:widgetproperty layout="inline" name="Title">Include SciChart.js Script</innovasys:widgetproperty> <innovasys:widgetproperty layout="inline" name="LanguageName">JavaScript</innovasys:widgetproperty> <innovasys:widgetproperty layout="block" name="Content">&nbsp;&nbsp;&nbsp; &lt;script<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; src="<A href="https://cdn.jsdelivr.net/npm/scichart@3.5.706/index.min.js"><U><FONT color=#0066cc>https://cdn.jsdelivr.net/npm/scichart@3.5.706/index.min.js</FONT></U></A>"<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; crossorigin="anonymous"<BR>&nbsp;&nbsp;&nbsp; &gt;&lt;/script&gt;</innovasys:widgetproperty></innovasys:widget>
3822
3822
<LI>Or, latest major/minor version (unrecommended for production) by using this syntax <innovasys:widget type="Colorized Example Code" layout="block"><innovasys:widgetproperty layout="inline" name="Title">Include SciChart.js Script</innovasys:widgetproperty> <innovasys:widgetproperty layout="inline" name="LanguageName">JavaScript</innovasys:widgetproperty> <innovasys:widgetproperty layout="block" name="Content">&nbsp;&nbsp;&nbsp; &lt;script<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; src="<A href="https://cdn.jsdelivr.net/npm/scichart/index.min.js"><U><FONT color=#0066cc>https://cdn.jsdelivr.net/npm/scichart/index.min.js</FONT></U></A>"<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; crossorigin="anonymous"<BR>&nbsp;&nbsp;&nbsp; &gt;&lt;/script&gt;</innovasys:widgetproperty></innovasys:widget>
3823
3823
<LI>Next, add some series, axis and behaviours to the SciChartSurface (more on that below)&nbsp;&nbsp; </LI></OL>
3824
3824
<H2>Worked Example using index.min.js</H2>
@@ -4868,7 +4868,7 @@ Show external placement div</Notes>
4868
4868
<P>The easiest way for SciChart.js to load WebAssembly and Data files are to load them from our CDN&nbsp;(see <A href="https://www.jsdelivr.com/package/npm/scichart" This method is particularly useful in projects or frameworks that don't have a package manager or module bundler.</P>
4869
4869
<P>To do load SciChart's Wasm and Data file from CDN, call&nbsp;<A href="https://www.scichart.com/documentation/js/current/typedoc/classes/scichartsurface.html#configure" once before any SciChartSurface is shown:</P><innovasys:widget type="Colorized Example Code" layout="block"><innovasys:widgetproperty layout="inline" name="Title">Configure Wasm and Data File URLs</innovasys:widgetproperty> <innovasys:widgetproperty layout="inline" name="LanguageName">JavaScript</innovasys:widgetproperty> <innovasys:widgetproperty layout="block" name="Content">
4870
4870
<P>import { SciChartSurface, libraryVersion } from "scichart";&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</P>
4871
-
<P>// Load Wasm &amp; Data files from URL<BR>// This URL can be anything, but for example purposes we are loading from JSDelivr CDN<BR>SciChartSurface.configure({<BR>&nbsp;&nbsp; dataUrl: `https://cdn.jsdelivr.net/npm/scichart@3.5.704${libraryVersion}/_wasm/scichart2d.data`,<BR>&nbsp;&nbsp;&nbsp;wasmUrl: `https://cdn.jsdelivr.net/npm/scichart@3.5.704${libraryVersion}/_wasm/scichart2d.wasm`<BR>});</P></innovasys:widgetproperty></innovasys:widget>
4871
+
<P>// Load Wasm &amp; Data files from URL<BR>// This URL can be anything, but for example purposes we are loading from JSDelivr CDN<BR>SciChartSurface.configure({<BR>&nbsp;&nbsp; dataUrl: `https://cdn.jsdelivr.net/npm/scichart@3.5.706${libraryVersion}/_wasm/scichart2d.data`,<BR>&nbsp;&nbsp;&nbsp;wasmUrl: `https://cdn.jsdelivr.net/npm/scichart@3.5.706${libraryVersion}/_wasm/scichart2d.wasm`<BR>});</P></innovasys:widgetproperty></innovasys:widget>
4872
4872
<P>We've packaged a helpful function that automatically loads the latest &amp; correct version of SciChart's Wasm &amp; Data files from CDN. To use this, instead of calling&nbsp;<A href="https://www.scichart.com/documentation/js/current/typedoc/classes/scichartsurface.html#configure" in a URL, call <A href="https://www.scichart.com/documentation/js/current/typedoc/classes/scichartsurface.html#usewasmfromcdn" type="Colorized Example Code" layout="block"><innovasys:widgetproperty layout="inline" name="Title">Load Wasm from CDN</innovasys:widgetproperty> <innovasys:widgetproperty layout="inline" name="LanguageName">JavaScript</innovasys:widgetproperty> <innovasys:widgetproperty layout="block" name="Content">import { SciChartSurface } from "scichart/Charting/Visuals/SciChartSurface";<BR><BR>export async function initSciChart() {<BR>&nbsp;&nbsp;&nbsp; // Call this once before any SciChartSurface is shown.<BR>&nbsp;&nbsp; &nbsp;// This&nbsp;is equivalent to calling SciChartSurface.configure() with the CDN URL (JSDelivr)<BR>&nbsp;&nbsp;&nbsp; SciChartSurface.useWasmFromCDN();<BR>}</innovasys:widgetproperty></innovasys:widget>
4873
4873
<H2>Loading Wasm files offline</H2>
4874
4874
<P>If your application must load wasm files offline (does not have an internet connection), you can download the files and serve them and use&nbsp;<A href="https://www.scichart.com/documentation/js/current/typedoc/classes/scichartsurface.html#configure" to fetch the local file. </P>
0 commit comments