title: HighCharts: Labels visible over tooltip
body: <p>Labels on my chart are showing over tooltip, which doesn't look very nice. I tried to play with <code>zIndex</code>, but to no result. How can I make tooltips not transparent? Here's my jsFiddle: <a href="http://www.jsfiddle.net/4scfH/3/" rel="noreferrer">http://www.jsfiddle.net/4scfH/3/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    var chart;
    $(document).ready(function() {
      chart = new Highcharts.Chart({
        chart: {
          renderTo: 'graf1',
          plotBackgroundColor: null,
          plotBorderWidth: null,
          plotShadow: false
        },
  
        title: {
          margin: 40,
          text: 'Podíl všech potřeb'
        },
        tooltip: {
          //pointFormat: '&lt;b&gt;{point.y} Kč [{point.percentage}%]&lt;/b&gt;',
          percentageDecimals: 2,
          backgroundColor: "rgba(255,255,255,1)",
          formatter: function() {
            return this.point.name + '&lt;br /&gt;' + '&lt;b&gt;' + Highcharts.numberFormat(this.y).replace(",", " ") + ' Kč [' + Highcharts.numberFormat(this.percentage, 2) + '%]&lt;/b&gt;';
          }
        },
        plotOptions: {
          pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
              enabled: true,
              color: '#000000',
              connectorWidth: 2,
              useHTML: true,
              formatter: function() {
                return '&lt;span style="color:' + this.point.color + '"&gt;&lt;b&gt;' + this.point.name + '&lt;/b&gt;&lt;/span&gt;';
              }
            }
          }
        },
        series: [{
          type: 'pie',
          name: 'Potřeba',
          data: [
            ['Firefox', 45.0],
            ['IE', 26.8], {
              name: 'Chrome',
              y: 12.8,
              sliced: true,
              selected: true
            },
            ['Safari', 8.5],
            ['Opera', 6.2],
            ['Others', 0.7]
          ]
        }]
      });
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;div id="graf1" style="width: 400px; height: 250px; float:left"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>