Data Label Positions_HighChart_SO

http://stackoverflow.com/questions/12487054/high-charts-datalabel-position-needs-to-change-when-value-is-too-small

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container"></div>

JavaScript

$('#container').highcharts({
    chart: {
      zoomType: 'xy',
      backgroundColor: null
    },
    title: {
    },
    xAxis: {
      categories: ['Pareto','Oreo FC Chipping']
    },
    
    yAxis: [{ // Primary yAxis
      title: {
        text: ''
      }
    }, { // Secondary yAxis
      
          title: {
            text: ''
        },
        minPadding: 0,
        maxPadding: 0,
        max: 100,
        min: 0,
        opposite: true,
        labels: {
            format: "{value}%"
        }
    }],
   series: [{
        type: 'pareto',
        name: 'Pareto',
        yAxis: 1,
        data : [0,0,0,0,0,0],
        tooltip:{
        	valueSuffix:'%'
        },
        color
        :{
        	linearGradient:{'x1':0,'x2':0,'y1':0,'y2':1},
          stops:[[0,'#00BFFF'],[1,'#1874CD']]}
    }, {
        name: 'Complaints',
        type: 'column',
        zIndex: 2,
         yAxis:0,
        data: [755, 222, 151, 86, 72, 51, 36, 10]
    }]
  });