Home forums Using CanvasJS Index Labels is shown for Very low values

This topic contains 1 reply, has 2 voices, and was last updated by  Indranil Deo 3 weeks, 3 days ago.

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

    punithkumar
    Member

    When we set the dataPoint y as 1000 and 3(lessthan 4 for 1000), the indexLabel for column 1000 is shown but not for 3.
    Please see the bellow code snip.

    `var chart = new CanvasJS.Chart(“chartContainer”, {
    title: {
    text: “Understanding Labels”
    },
    axisY: {
    labelFontSize: 20,
    labelFontColor: “dimGrey”
    },
    axisX: {
    labelAngle: -30
    },
    data: [
    {
    indexLabel:”{y}”,
    type: “column”,
    indexLabelFontColor: “#5A5757”,
    indexLabelPlacement: “outside”,
    dataPoints: [
    { y: 1000, label: “Apples” },
    { y: 3, label: “Mangos” },

    ]
    }
    ]
    });`

    #24084

    Indranil Deo
    Member

    @punithkumar,

    If the height allocated to the chart is pretty less, some elements might get truncated in order to accommodate the rest of the chart elements. However to work around this issue you can check this jsffidle.

    ___________
    Indranil Deo,
    Team CanvasJS

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

You must be logged in to reply to this topic.