In this tutorial we will create a React line chart with scichart.js and scichart-react.
We'll show you how to create a new JavaScript project and adding scichart and scichart-react libraries as dependencies to it.
Plus, how to display the chart in a react component and how scichart-react handles the lifecycle of the chart including correctly calling delete/cleanup in component unmount.
Source code for this tutorial can be found at SciChart.Js.Examples Github Repository under Tutorials/React/first-scichart-react-chart
What is SciChart-React?
scichart-react is a free open source React Chart component for use with scichart.js. This simplifies the development of React Charts by handling initialisation, deletion and lifecycle of the chart and allows multiple options for creating simple to advanced options.
TODO: link to blog post, github, npm for scichart-react
How to Setup A Project with SciChart-React
| Initialising an npm project |
Copy Code
|
|---|---|
> npm install --save-dev webpack > npm install --save-dev webpack-dev-server > npm install --save-dev webpack-cli > npm install --save-dev copy-webpack-plugin |
|