Change color of bubbles in one serie for bubble chart - Javascript highcharts

Javascript examples for highcharts:Chart Color

  1. HOME
  2. Javascript
  3. highcharts
  4. Chart Color

Description

Change color of bubbles in one serie for bubble chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts test tool</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-git.js"></script> 
      <script type="text/javascript">
    $(function(){/*from   w  w w.  j a  v  a 2s.  co m*/
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bubble'
        },
        title: {
            text: 'Highcharts bubbles problem'
        },
        plotOptions: {
        },
        xAxis: {
            max: 80
        },
        yAxis: {
            min: -80,
            max: 80
        },
        series: [{
            data: [{
                x: 23,
                y: 22,
                z: 200,
                name:"point1"
            }, {
                x: 43,
                y: 12,
                z: 100,
                name:"point2",
            }],
            color: "yellow"
        },{
            data: [{
                x: 50,
                y: 22,
                z: 150,
                name:"point3"
            }, {
                x: 43,
                y: -30,
                z: 100,
                name:"point4",
            }],
            color: "blue"
        }]
    });
});
    });

      </script> 
   </head> 
   <body> 
      <script src="http://github.highcharts.com/v3.0Beta/highcharts.js"></script> 
      <script src="http://github.highcharts.com/v3.0Beta/highcharts-more.js"></script> 
      <div id="container" style="height: 400px; width: 600px; margin: 0 auto"></div>  
   </body>
</html>

Related Tutorials