Align Y2 axis of multiple chart workaround - CanvasJS JavaScript Charts

Align Y2 axis of multiple chart workaround - 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="chartContainer1" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
	{
      axisY2:{
      	labelMaxWidth: 40,
        labelFontSize: 16,
        margin: 0,
        labelFormatter: function(e){
        	e.chart.axisYlabelMaxWidth = Math.max(e.chart.axisYLabelMaxWidth ? e.chart.axisYLabelMaxWidth : 0, e.value.toString().length * e.chart.options.axisY2.labelFontSize * 0.52);
          return e.value;
        }
      },
      data: [
      {
        type: "column",
        axisYType:"secondary",
        dataPoints: [
        { x: 10, y: 71 },
        { x: 20, y: 55},
        { x: 30, y: 50 },
        { x: 40, y: 65 },
        { x: 50, y: 95 },
        { x: 60, y: 68 },
        { x: 70, y: 28 },
        { x: 80, y: 34 },
        { x: 90, y: 14}
        ]
      }
      ]
    });

 chart.render();
 
 var chart1 = new CanvasJS.Chart("chartContainer1",
	{
      axisY2:{
      	labelMaxWidth: 40,
        labelFontSize: 16,
        margin: 0,
        labelFormatter: function(e){
        	e.chart.axisYlabelMaxWidth = Math.max(e.chart.axisYLabelMaxWidth ? e.chart.axisYLabelMaxWidth : 0, e.value.toString().length * e.chart.options.axisY2.labelFontSize * 0.52);
          return e.value;
        }
      }, 
      data: [
      {
      	axisYType:"secondary",
        type: "column",
        dataPoints: [
        { x: 10, y: 110000071 },
        { x: 20, y: 5000005	},
        { x: 30, y: 5097395  },
        { x: 40, y: 65470085  },
        { x: 50, y: 90557455 	},
        { x: 60, y: 68545006 	},
        { x: 70, y: 256465465 },
        { x: 80, y: 33548644 	},
        { x: 90, y: 163594944	}
        ]
      }
      ]
    });

 chart1.render();
 alignY2Axis();
 
 
 //---------------- Function For Aligning Axis -----------------------
 function alignY2Axis(){
   chart.options.axisY2.labelMaxWidth = chart.axisYlabelMaxWidth;
   chart1.options.axisY2.labelMaxWidth = chart1.axisYlabelMaxWidth;
   if(chart.axisYlabelMaxWidth > chart1.axisYlabelMaxWidth)
    chart1.options.axisY2.margin =...