You must be logged in to post your query.
Home › Forums › Report Bugs › ScaleBreaks breaking the chart
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
And if I remove ScaleBreaks, chart looks like this
Has this bug been fixed in the latest CanvasJS Chart v3.2 release?
You must be logged in to reply to this topic.