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 4 months, 3 weeks ago.

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

    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

    @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.