Home forums Using CanvasJS How to render histograms

This topic contains 4 replies, has 3 voices, and was last updated by  Vishwas R 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #14684

    Histograms have usually no space between their bar/column shapes, like here below (on the right):

    histogram

    1) How can I set the bar/column shape width to the maximum allowed? I tried with dataPointWidth and dataPointMaxWidth, but it’s not optimum.

    2) Also, how can I remove the left/right padding between the bars/columns and the Y axis, or at the right?

    Thanks,
    Cristian

    #14686

    Cristian,

    1) By setting dataPointWidth based on axis width and number of dataPoints in column chart, histogram chart can be rendered. Please check this jsfiddle.

    2) You can remove left/right padding between column and axis by setting minimum/maximum.


    Vishwas R
    Team CanvasJS

    #14926

    Thanks, Vish!

    #26846

    This fails when zooming in. Seems to need the visible x-axis and the visible number of datapoints. Is that possible?

    #26855

    @nancy-gale,

    When the chart is zoomed, you can find whether a dataPoint is within the viewport range or outside with the help of rangeChanged event. Please take a look at this JSFiddle for nearest possible solution to set the dataPointWidth by finding the number of dataPoints within the viewport range.


    Vishwas R
    Team CanvasJS

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

You must be logged in to reply to this topic.