Home forums Using CanvasJS Stacked column chart index labels overlap

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #27481

    In stacked column chart, when min and max value have huge difference, index labels getting overlapped with each other. So this is happening because, the dataPoints with value say 111338 will set the range for the axisY. Then the dataPoint with value say 2 will not be displayed on the chart because of the range set by the first dataPoints is so high that the value 2 will just half pixel or so. Hence the indexlabel for the 2nd and 3rd dataSeries overlap. How I can add space or set min height to index label so they will not overlap with each other.
    https://jsfiddle.net/canvasjs/9hfy34zp/
    Even in this fiddle if you change min max, you will be able to see issue
    y: 111338
    y: 2

    #27516

    @ajinkamb,

    Index-labels overlap each other as there would be no space available when the datapoint values are small. It can be avoided to an extent by setting indexLabelFontSize to a smaller value.

    —-
    Manoj Mohan
    Team CanvasJS

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

You must be logged in to reply to this topic.