Home forums Using CanvasJS Calculate are under the chart

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  Vishwas R 6 months, 4 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #23742

    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

    #23748

    @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

    #23756
    #23774

    @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

    #23809

    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 7 months ago by  a_gov.
    #23825

    @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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.