[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

[Manoj Mohan]

@joecollett,

When axisY is reversed, columns are rendered from top to bottom.You can use multiple axisY to achieve your requirement share above as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@harrym,

Can you kindly share sample project along with sample xml file over Google-Drive or Onedrive so that we can look into the code, run it locally to understand the use-case better and help you out?

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in your sample data / chart-options being used by you and us.

Having a sample project helps us in figuring out the scenario better and help you out accordingly.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@weihengtest1990,

Glad that you have figured it out :)

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@wphilips,

Labels over axis y are not possible as of now. However, you can achieve it using labelFormatter as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@weihengtest1990,

Can you kindly create a sample StackBlitz reproducing the issue you are facing and share it with us so that we can understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Michael,

Sorry, controlling the first label on the axes is not available as of now.

—-
Manoj Mohan
Team CanvasJS