[Solved]-Highcharts how to align two charts yAxis on the same line-Highcharts

in general, you can set static left margins by chart.marginleft http://jsfiddle.net/blacklabel/f3frd95v/

however, it's not great solution if we don't know how much space we need. in that case i suggest to update charts after render: http://jsfiddle.net/blacklabel/f3frd95v/1/

var chart1 = highcharts.chart('container', {
  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  }]
});

var chart2 = highcharts.chart('container2', {
  yaxis: {
    labels: {
      format: '{value}'
    }
  },
  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].map(function(p) {
      return p * 1e7;
    })
  }]
});

var leftmargin1 = chart1.plotleft,
  leftmargin2 = chart2.plotleft;

if (leftmargin1 > leftmargin2) {
  chart2.update({
    chart: {
      marginleft: leftmargin1
    }
  });
} else if (leftmargin2 > leftmargin1) {
  chart1.update({
    chart: {
      marginleft: leftmargin2
    }
  });
}