Bubble data label inside

by kzoon

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({

	    chart: {
	        type: 'bubble',
	        zoomType: 'xy'
	    },

	    title: {
	    	text: 'Highcharts Bubbles'
	    },
	     plotOptions: {
            series: {
                dataLabels: {
                    style: {
                        color:'black'  ,
                        'textShadow': 'none',
                         fontSize:20
                    },
                    //align:'left',
                  //verticalAlign: 'bottom',
                    //y:-10,
                    enabled: true,
                    inside: false
                }
            }
        },
	    series: [{
	        data: [[97,36,1],[94,74,20],[68,76,88],[64,87,56]]
	    }]
	
	});
    
});