Quickest of the Quick Start Guides
Ok so you’ve downloaded and unzipped the SciChart JavaScript examples trial. Great! Now what?
Check out this Quickest of the QuickStart Guide below which shows you how to run the Examples Suite, work through the tutorials and see what SciChart.js can do.
1. Starting a SciChart JavaScript Trial
To try out SciChart.js, you will first need to start a trial. You can do this using our licensing wizard which is common to all SciChart platforms.
1. Download the Licensing Wizard
To start the trial, please download the Licensing Wizard to your Windows or Mac Desktop.
2. Log in
Next, log in to the Licensing Wizard using your scichart.com username and password.
If you do not have an account yet, you can create one here.
Note: On your first login, on Windows, you may have to accept Firewall access for the Licensing Wizard. This is required for starting trials and licensing on SciChart.js and only uses traffic over localhost.
3. Start a Trial
Click “Start Trial” on the Trials tab for SciChart.js.
Your SciChart.js applications on localhost will search for the licensing wizard to validate the trial license locally. Leave the licensing wizard open or minimise to tray while developing!
Note, if you have purchased a paid license, then head over to Licensing SciChart.js to learn how to activate and use it, and create deployment keys for your domains.
2. Compiling the SciChart.js Examples
The SciChart.js Examples features a rich examples suite with over 40 JavaScript Chart examples. We are also adding new examples all the time! You can clone the SciChart.Js.Examples from GitHub, or grab the latest SDK from the downloads page and unzip to get started.
Once you’ve downloaded it, open the Examples folder in VSCode, or WebStorm.
You’ll need to:
- Start a trial if you have not already done so (see Step #1 above)
- Leave the licensing wizard open as the examples fetch the license from it
- In terminal, type npm install
- Next type npm run dev
3. Creating your First SciChartSurface (Tutorials)
We now have a full set of tutorials online, to walk you through the basics of getting to know SciChart.js. Each Tutorial has an npm project which you can find in SciChart.Js.Examples Github repository.
- SciChart.js Tutorial 01 – Setting up a Project with SciChart.js
- SciChart.js Tutorial 02 – Adding Series and Data
- SciChart.js Tutorial 03 – Adding Zooming, Panning
- SciChart.js Tutorial 04 – Adding Realtime Updates
We recommend to learn SciChart quickly, get through the tutorials as soon as you can, as they will teach you a lot of techniques quickly (Creating a project, series, data, real-time updates, tooltips, zooming, panning and more).
4. Deploying a SciChart.js Application during Trial
If you wish to share or deploy your website with a trial SciChart.js license, you will need to set the Runtime Key in your application code. This application will work until the trial expires.
After starting a trial (see step #1 above), get the Runtime (Deployment) Key by clicking ‘Key Code” next to your trial.
The Key Code must be set in your app once before any SciChartSurface is shown. Do this by calling the static function SciChartSurface.setRuntimeLicenseKey() in your JavaScript app startup or root component.
// Set a runtime key in JavaScript once before any SciChartSurface is created
SciChartSurface.setRuntimeLicenseKey("YOUR_TRIAL_RUNTIME_KEY_HERE");
This process can also be used to apply trial extensions if you are given one from our sales team.
5. Ok Great! So where is the Documentation?
All of our documentation is online. Please see the following resources to help you get started.
- SciChart.js v1.x Documentation at SciChart.js SDK Documentation
(Also viewable from Homepage Menu -> Developers -> Documentation) - A set of excellent 2D/3D chart tutorials at SciChart.js Tutorials
- SciChart Community FAQs (Forums) at www.scichart.com/questions
- 40 (and growing!) JavaScript Chart Examples with Source-Code at www.scichart.com/javascript-chart-examples
6. Great, But I have a Question about ..
During your trial of SciChart.js we will gladly answer your technical questions about the chart. We also welcome feedback about how we can improve the software and make it easier to use, more feature-rich or perform better.
You can get in contact with us through any of the following channels:
- At the SciChart.js Forums
- By contacting technical sales
- By asking a question using the SciChart tag on StackOverflow
After the trial expires, you may purchase a support subscription to maintain access to technical support & to continue developing with SciChart. For pricing and licensing please either contact us, or see our online store.
Thanks, and enjoy!
[SciChart Team]
The post Getting Started with SCICHART JavaScript Charts appeared first on Fast, Native Charts for WPF, iOS, Android, JavaScript .