[Manoj Mohan]

@vpaswin1994,

Considering this thread as duplicate of Plot graph from a large size .txt file and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@vpaswin1994,

Can you kindly share text file you are using over Google-Drive or Onedrive so that we can run it at our end and help you with an appropriate solution?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@hoopstagee,

Can you kindly share StackBlitz example reproducing the issue you facing on loading async data to chart so that we can understand your scenario better and help you with an appropriate solution.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@gaurav-sharma6,

To access ref attributes in react, you need to use stockChart.current.stockChart. Please take a look at this react documentation for more information.

Please take a look at this updated StackBlitz example.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@hoopstagee,

Please take a look at this updated StackBlitz example.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@hoopstagee,

The StackBlitz example shared by you seems to be broken. Can you kindly share a working StackBlitz example?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@hoopstagee,

You can get reference to the chart instance by passing onRef = {ref => chart = ref} props to the component. This allows you to access all chart properties and methods including render(). Please refer documentation for more information.

—
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@hoopstagee,

Defining options as a member of class Chart should work fine in your case. Please take a look at this updated StackBlitz.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Bart van de Rotsheide,

In case of error chart, the error series will be linked to previous dataSeries and it can’t be positioned independently. Because of which it is not possible to position error series in between the two columns series. However, you can use multi-series column chart in combination with OHLC chart to achieve your requirement as shown in this JSFiddle.

Considering this thread as duplicate of Column Chart and Error Chart and hence closing the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Bart van de Rotsheide,

In case of error chart, the error series will be linked to previous dataSeries and it can’t be positioned independently. Because of which it is not possible to position error series in between the two columns series. However, you can use multi-series column chart in combination with OHLC chart to achieve your requirement as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Saurabh,

You can use indexLabel to display information about a specific dataPoint. Please take a look at this gallery page for an example on Stockchart with Annotation / indexLabel.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Saurabh,

Please take a look at this JSFiddle for an example on adding moving high and low price to stockchart.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Saurabh,

Kindly upload image to imgur or Google-Drive and share the image-link here so that we can refer it to help you out.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Saurabh,

Do you mean calculating high and low of entire dataPoints including dataPoints which are outside the viewport of the chart?

Can you kindly brief us more about your requirement so that we can understand it better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@weihengtest1990,

You can update valueFormatString on zooming with the help of rangeChanging event to achieve your requirement. Please take a look at this JSFiddle for an example on the same.

—-
Manoj Mohan
Team CanvasJS