[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

[Vishwas R]

@as3script,

I need the same hover effect on Canvas js bar graph.
https://jsfiddle.net/alidingling/30763kr7/

You can achieve this either using stripLines as shown in this JSFiddle or crosshair as shown in this JSFiddle.

-> initially bars will be hidden
-> on hover bars, it will display the hovered bar only.

Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@prem123,

You can attach mouse events to chart-container and draw line on top of chart-canvas based on mouse events. Please take a look at this JSFiddle where line will be drawn from the coordinates of mousedown and mouseup events.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@prem123,
Are you looking for something like this.

Also take a look at gallery example on draggable column chart.

—
Vishwas R
Team CanvasJS