Calculate are under the chart

[a_gov]

Hi,

I use area chart, the x axis is date and the y is value.
I wanted to know if it is possible by settings to display the area under the chart

Thanks

[Vishwas R]

@a_gov,

Can you kindly share a pictorial representation or brief further with an example in JSFiddle so that we can understand your requirements better and help you out?

—
Vishwas R
Team CanvasJS

[a_gov]

Sure,

https://jsfiddle.net/a_gov/tedLb26h/71/

Link to files:
1. 2 files to load
https://www.dropbox.com/s/fof17nyrcyjzcpp/1.json?dl=0
https://www.dropbox.com/s/6536q3e794hrh1v/10.json?dl=0

2. Image
https://www.dropbox.com/s/ka3p37kthld9vmn/1%2B10.png?dl=0

[Vishwas R]

@a_gov,

Do you mean to show gridlines on top of area chart? If so please take a look at this JSFiddle which shows adding striplines at every interval over axisY to show gridlines on top of columns without reducing the opacity of columns.

If not, can you kindly brief your requirements further, so that we can understand it better and help you out?

—
Vishwas R
Team CanvasJS

[a_gov]

No,
Lets say we have rectangle on the graph where it starts at 12:00 and ends in 13:00 (1 hour) its top is at value 10.
So what is the area? 5 (1*10/2) this is the area value I want to get from the graph, the area under the line.
Is it clear?

• This reply was modified 5 years, 12 months ago by a_gov.

[Vishwas R]

@a_gov,

You can find the area of column by multiplying its height (y-value of the dataPoint) and width (width of the dataPoint). Please take a look at this JSFiddle, where area of individual columns are calculated when you click on it.

—
Vishwas R
Team CanvasJS