[Vishwas R]

Tara Ram Goyal,

The value that you are getting using getDate is not valid JavaScript date-time object because of which chart is not getting rendered properly. In this scenario, you can fix it by getting the date from database and change it to timestamp before passing it to chart and by setting xValueType to ‘dateTime’. Please download updated code here.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@don-leesuccessrocket-io,

In the code that you have shared, connection to database is not established and the variable $acct_id is not declared which you are passing in the query. Fixing these two issues should work fine in your case. Please download the working code here.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ethicalsector,

In the JSFiddle that you have shared, you are using toolTip contentFormatter where you need to format y-value accordingly – which you can do using formatNumber. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@don-leesuccessrocket-io,

The example seems to be working fine, please try changing username, password and database name accordingly. You can also download PHP Samples from our download page which you can try running locally in your machine.

If this doesn’t help you out, kindly create a sample project along with sample database reproducing the issue you are facing and share it over Google-Drive or Onedrive so that we can look into your code, understand the issue you are facing and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@don-leesuccessrocket-io,

Can you kindly share sample database over Google-Drive or Onedrive, so that we can try running your code locally, understand the issue and help you out resolving it?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ethicalsector,

If you like to show y-value without decimal point in toolTip and indexLabel, you can use yValueFormatString. Please take a look at this updated JSFiddle.

At the same time, to format x-value displayed in toolTip and indexLabel, you can set xValueFormatString according to your requirements and to format axis-labels, you can use valueFormatString.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@as3script,

Glad that you figured out to get access to the chart with the help of ref :) Please take a look at React Gallery for more examples on using React Chart Component.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@don-leesuccessrocket-io,

Our sales team is looking into it and get in touch with you soon. For any sales/license related queries, please contact sales@canvasjs.com.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@don-leesuccessrocket-io,

There is no such restrictions on rendering of number of charts in a page, please take a look at this tutorial on rendering multiple charts in a page for more info. Can you kindly share the sample code in JSFiddle reproducing the issue you are facing so that we can look into it and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@niladri,

You have show it for Y axis(left side) but i want it for secondary y axis(right side). Your given code is not working for secondary y axis

Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@wmangaroo,

CanvasJS supports multi-series area charts. Please take a look at these gallery examples on Multi Series Area Chart and Multi Series Spline Area Chart. If these examples doesn’t help you create chart according to your requirements, kindly share JSFiddle or pictorial representation of your requirements so that we can understand it better and guide you accordingly.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@niladri,

With the help of margin, you can align axisY (primary or secondary) of multiple charts. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@niladri,

Handling the ratio of the chart’s height and firing event at proper pixel co-ordinate should work fine in this case. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@prem123,

Sorry, drawing on chart is not available as an inbuilt feature in CanvasJS as of now. However with few lines of code, you can achieve it as shown in the JSFiddle shared.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@niladri,

Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS