Highcharts Demo

author(s): Torstein Hønsi

by NibblyPig

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="wrapper">
  <div id="container"></div>
  <div id="container2"></div>
</div>

CSS

#wrapper {
  display: flex;
}

#container, #container2 {
  flex-basis: 100%;
}

JavaScript

$(function() {
  $('#container').highcharts({
    chart: {
      type: 'pie'
    },

    plotOptions: {
      pie: {
        size: '80%',
        dataLabels: {
          distance: -25,
          color: "#FFFFFF"
        }
      }
    },
    
    events: {
            redraw: function(e) {
                this.reflow();
            }
        },

    series: [{
      data: [
        ['Firefox', 44.2],
        ['IE7', 26.6],
        ['IE6', 20],

      ]
    }]
  });
  $('#container2').highcharts({
    chart: {
      type: 'pie'
    },

    plotOptions: {
      pie: {
        size: '80%',
        dataLabels: {
          distance: -25,
          color: "#FFFFFF"
        }
      }
    },

    series: [{
      data: [
        ['foo', 44.2],
        ['boo', 26.6],

      ]
    }]
  });
});