customBreaks: Object

Using customBreaks you can specify the ranges on axis to shrink/remove. You can add any number of custom scale breaks.

If you want to shrink a certain section on the axis, you can specify the range with startValue and endValue attributes. This range will be represented with a Scale Break.

Here is an example:

var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 axisX: {
     scaleBreaks: {
	 customBreaks: [{
	     startValue: 100,
	     endValue: 500,
	     color: "orange",
	     type: "zigzag"
         },
         {
	     startValue: 700,
	     endValue: 1000,
	     color: "green",
	     type: "wavy"
          }]

      },
   .
   .
 },
 .
 .
});
chart.render();