Using CanvasJS on react application

[srichakrab]

Let me know how we can use canvas js graphs on react js application

[Bivek Singh]

[UPDATE]
We have just released v2.1 with module import/export options with which you can easily integrate CanvasJS with any front-end framework like React, Angular, Vuejs, etc. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.

Please follow the below steps to add React Charts into your app.
1. Save canvasjs.react.js and canvasjs.min.js within source-folder of your React application ( src or src/assets or src/lib )
2. Import the chart component into your app.
import CanvasJSReact from './canvasjs.react';

For step-to-step tutorial and example on integration, please checkout documentation page. Also checkout React Gallery for more examples.

@srichakrab

We are looking into it and will get back to you at the earliest.

—–
Bivek Singh

[srichakrab]

Any update ??

[Bivek Singh]

@srichakrab,

Sorry, for the delay. Please check this pen for the sample.

—-
Bivek Singh,
Team CanvasJS

[srichakrab]

Hi

That helps..

Can you help me with npm package to install to start using or complete example to use in my project.

Thanks.

[Sanjoy]

@srichakrab,

Please look into this example. Instructions are given in Readme.txt

—-
Sanjoy Debnath,
Team CanvasJS

[Indranil]

@srichakrab,

We have just released v2.1 with module import/export with which you can easily integrate front-end framework like React, Angular, Vuejs, etc. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.

___________
Indranil Deo,
Team CanvasJS