Bubble opacirty

Trying to set a different opacity to the first bubble

by Alagar Kamuthurai

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>

CSS

.no-highlight{
  opacity: 0.1;
}

JavaScript

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

        chart: {
            type: 'bubble'
        }, 

        series: [{
            data: [{
            name:'Health system1',
                x: 10,
                y: 90,
                color: 'red',
                className:'no-highlight'
            },{
             name:'HA',
                x: 40,
                y: 60,
                color: 'green'
            },{
             name:'HA',
                x: 60,
                y: 25,
                color: 'blue',
                className:'no-highlight'
            }
           
            ]
        }]

    });

});