Bar Chart not plotting for x: 200 and y:1688551280204000 dataPoints

[MridhulKumar]

In the JSFiddle below, the bar chart is not plotting for x: 200 and y:1688551280204000 dataPoints.

Is there any way to resolve this issue?

https://jsfiddle.net/sy5pg1eh/

[Sachin Bisht]

@mridhulkumar,

Thanks for reporting the use-case, we will investigate it further. Meanwhile, removing maximum seems to be working fine. Also, you can use scalebreaks to collapse the unnecessary region to make it better.

axisY: {
  includeZero: true,
  minimum: 0,
  maximum: 100,
  scaleBreaks: {
    autoCalculate: true
  }
},

Kindly refer to this JSFiddle for the working example on the same.

__
Sachin Bisht
Team CanvasJS

[MridhulKumar]

Hi CanvasJS Team / Sachin Bisht,

Thank you for your response.

I tried using scaleBreaks, but i am facing some issues.

1) When I am using 3 (or less) dataPoints the chart is not plotting for the smaller values. But when I am using 4 or more dataPoints the chart is plotting correctly. (Jsfiddle Sample 1)

2) Not able to set viewportMaximum when using scaleBreaks. (Jsfiddle Sample 2)

Can you tell me how I can fix it.

[Sachin Bisht]

@mridhulkumar,

When I am using 3 (or less) dataPoints the chart is not plotting for the smaller values. But when I am using 4 or more dataPoints the chart is plotting correctly. (Jsfiddle Sample 1)

In this case, you can use customBreaks to add a break to remove unnecessary region manually. Please take a look at this JSFiddle for an working example on the same.

2) Not able to set viewportMaximum when using scaleBreaks. (Jsfiddle Sample 2)

Setting viewportMaximum seems to be working in the JSFiddle that you have shared. It’s setting viewportMaximum to 1000, which lies inside the scalebreak.

__
Sachin Bisht
Team CanvasJS