Bubble datalabels Chrome

Bubble datalabels in Chrom get fuzzy when color is set. IE looks fine

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; width: 600px; margin: 0 auto"></div>

JavaScript

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

    chart: {
      type: 'bubble'
    },

    title: {
      text: 'Highcharts Bubbles'
    },
    plotOptions: {
      series: {
        dataLabels: {
          enabled: true,
          color: 'black',
          style: {
            textOutline: false
              //'text-shadow': 'none'
          }
          //color: 'rgba(0,0,0,1)'
          //                    style: {
          //          color: 'rgba(0,0,0,1)'
          // }
        }
      }
    },
    series: [{
      data: [
        [97, 36, 79],
        [94, 74, 60]
      ]
    }, {
      data: [
        [25, 10, 87],
        [2, 75, 1]
      ]
    }, {
      data: [
        [47, 47, 100],
        [47, 47, 100]
      ]
    }]

  });

});