Calculate are under the chart

• December 16, 2018 at 2:00 pm #23742
  
  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

  December 17, 2018 at 11:53 am #23748
  
  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

  December 17, 2018 at 12:21 pm #23756
  
  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

  December 18, 2018 at 11:49 am #23774
  
  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

  December 20, 2018 at 12:14 pm #23809
  
  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, 11 months ago by a_gov.
  December 21, 2018 at 2:57 pm #23825
  
  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