Home forums Report Bugs ScaleBreaks breaking the chart

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

    In some cases scaleBreaks is breaking my chart.
    This code breaks the chart

    window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer", {
    theme: "light2",
    animationEnabled: true,
    title: {
    text: "Student activity on the website",
    fontSize: 20
    },
    axisY: {
    scaleBreaks: {
    autoCalculate: true,
    collapsibleThreshold: "40%",
    lineColor: "black",
    type: "straight"
    }
    },
    data: [
    {
    type: "column",
    toolTipContent: "{x}: <strong>{y} hits</strong>",
    color: "rgba(135, 86, 146, 255)",
    xValueType: "dateTime",
    dataPoints:[{"y":0,"x":1585699200000},{"y":0,"x":1585785600000},{"y":0,"x":1585872000000},{"y":8,"x":1585958400000},{"y":0,"x":1586044800000},{"y":0,"x":1586131200000},{"y":0,"x":1586217600000},{"y":0,"x":1586304000000},{"y":0,"x":1586390400000},{"y":0,"x":1586476800000},{"y":0,"x":1586563200000},{"y":0,"x":1586649600000},{"y":0,"x":1586736000000},{"y":0,"x":1586822400000},{"y":0,"x":1586908800000},{"y":0,"x":1586995200000},{"y":0,"x":1587081600000},{"y":0,"x":1587168000000},{"y":0,"x":1587254400000},{"y":0,"x":1587340800000},{"y":0,"x":1587427200000},{"y":0,"x":1587513600000},{"y":0,"x":1587600000000},{"y":0,"x":1587686400000},{"y":0,"x":1587772800000},{"y":0,"x":1587859200000},{"y":0,"x":1587945600000},{"y":0,"x":1588032000000},{"y":0,"x":1588118400000},{"y":0,"x":1588204800000},{"y":0,"x":1588291200000},{"y":0,"x":1588377600000},{"y":0,"x":1588464000000},{"y":0,"x":1588550400000},{"y":0,"x":1588636800000},{"y":0,"x":1588723200000},{"y":0,"x":1588809600000},{"y":0,"x":1588896000000},{"y":0,"x":1588982400000},{"y":0,"x":1589068800000},{"y":0,"x":1589155200000},{"y":0,"x":1589241600000},{"y":0,"x":1589328000000},{"y":0,"x":1589414400000},{"y":0,"x":1589500800000},{"y":0,"x":1589587200000},{"y":0,"x":1589673600000},{"y":0,"x":1589760000000},{"y":0,"x":1589846400000},{"y":0,"x":1589932800000},{"y":0,"x":1590019200000},{"y":0,"x":1590105600000},{"y":0,"x":1590192000000},{"y":0,"x":1590278400000},{"y":0,"x":1590364800000},{"y":0,"x":1590451200000},{"y":0,"x":1590537600000},{"y":0,"x":1590624000000},{"y":0,"x":1590710400000},{"y":0,"x":1590796800000},{"y":0,"x":1590883200000},{"y":0,"x":1590969600000},{"y":0,"x":1591056000000},{"y":0,"x":1591142400000},{"y":0,"x":1591228800000},{"y":0,"x":1591315200000},{"y":0,"x":1591401600000},{"y":0,"x":1591488000000},{"y":0,"x":1591574400000},{"y":0,"x":1591660800000},{"y":0,"x":1591747200000},{"y":0,"x":1591833600000},{"y":0,"x":1591920000000},{"y":0,"x":1592006400000},{"y":0,"x":1592092800000},{"y":0,"x":1592179200000},{"y":0,"x":1592265600000},{"y":0,"x":1592352000000},{"y":0,"x":1592438400000},{"y":0,"x":1592524800000},{"y":0,"x":1592611200000},{"y":0,"x":1592697600000},{"y":0,"x":1592784000000},{"y":0,"x":1592870400000},{"y":0,"x":1592956800000},{"y":0,"x":1593043200000},{"y":0,"x":1593129600000},{"y":0,"x":1593216000000},{"y":0,"x":1593302400000},{"y":0,"x":1593388800000},{"y":0,"x":1593475200000},{"y":0,"x":1593561600000},{"y":0,"x":1593648000000},{"y":0,"x":1593734400000},{"y":0,"x":1593820800000},{"y":0,"x":1593907200000},{"y":0,"x":1593993600000},{"y":0,"x":1594080000000},{"y":0,"x":1594166400000},{"y":0,"x":1594252800000},{"y":0,"x":1594339200000},{"y":0,"x":1594425600000},{"y":0,"x":1594512000000},{"y":0,"x":1594598400000},{"y":0,"x":1594684800000},{"y":0,"x":1594771200000},{"y":0,"x":1594857600000},{"y":0,"x":1594944000000},{"y":0,"x":1595030400000},{"y":0,"x":1595116800000},{"y":0,"x":1595203200000},{"y":0,"x":1595289600000},{"y":0,"x":1595376000000},{"y":0,"x":1595462400000},{"y":0,"x":1595548800000},{"y":0,"x":1595635200000},{"y":0,"x":1595721600000},{"y":0,"x":1595808000000},{"y":0,"x":1595894400000},{"y":0,"x":1595980800000},{"y":0,"x":1596067200000},{"y":0,"x":1596153600000}]
    }
    ]
    });
    chart.render();
    }

    The code gives chart like this
    Chart with ScaleBreaks

    And if I remove ScaleBreaks, chart looks like this
    Chart without ScaleBreaks

    #30991

    @akemake,

    Thanks for reporting the use-case. We will be fixing it in our future releases. However, to overcome this issue, you can set the maximum value for axisY.

    —-
    Manoj Mohan
    Team CanvasJS

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

You must be logged in to reply to this topic.