Using labeMaxWidth and margin on axisY - CanvasJS JavaScript Charts

Using labeMaxWidth and margin on axisY - CanvasJS JavaScript Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
<div id="chartContainer2" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
  title: {
    text: "Using labeMaxWidth and margin on axisY"
  },
  axisY: [{
    labelMaxWidth: 120,
    margin: 0,
    /* prefix: "This is a long label " */
  }],
  data: [{
    type: "column",
    dataPoints: [{
        x: 10,
        y: 71
      },
      {
        x: 15,
        y: 55
      },
      {
        x: 20,
        y: 50
      },
      {
        x: 25,
        y: 65
      },
      {
        x: 30,
        y: 950
      },
      {
        x: 40,
        y: 68
      }
    ]
  }]
});

var chart2 = new CanvasJS.Chart("chartContainer2", {
  title: {
    text: "Using labeMaxWidth and margin on axisY"
  },
  axisY: [{
    labelMaxWidth: 100,
    //margin: 35,
    prefix: "This",
    labelLength: 10,
    labelFormatter: function(e){    	
    	var label = String(e.value);
    	return label.substring(0, e.axis.labelLength - e.axis.prefix.length)
    }
  }],
  data: [{
    type: "column",
    dataPoints: [{
        x: 10,
        y: 71
      },
      {
        x: 15,
        y: 55
      },
      {
        x: 20,
        y: 50
      },
      {
        x: 25,
        y: 65
      },
      {
        x: 30,
        y: 950000
      },
      {
        x: 40,
        y: 68
      }
    ]
  }]
});
chart.render();
chart2.render();

chart.axisY[0].set("margin", chart2.axisY[0].bounds.x2 - (chart.axisY[0].bounds.x2 - chart.axisY[0].bounds.x1));