Dependency wheel label workaround

by kzoon

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/sankey.js"></script>
<script src="https://code.highcharts.com/modules/dependency-wheel.js"></script>


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

CSS

#container {
  height: 500px;
  width: 700px;
}

JavaScript

Highcharts.chart('container', {

  title: {
    text: 'Dependency Wheel Label workaround'
  },
  colors: ["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"],
  series: [{
      type: 'dependencywheel',
      zIndex: 1,
      keys: ['from', 'to', 'weight'],
      data: [
        ['Spain', 'France', 5],
        ['Spain', 'Italy', 8],
        ['Spain', 'United Kingdom', 1],
        ['Spain', 'Belgium', 1],
        ['Spain', 'Norway', 1],
        ['Spain', 'Netherlands', 1],

        ['France', 'Germany', 2],
        ['France', 'United Kingdom', 5],
        ['France', 'Italy', 3],
        ['Germany', 'Spain', 1],
        ['United Kingdom', 'Germany', 3],
        ['Italy', 'United Kingdom', 2]

      ],
      dataLabels: {
        enabled: false
      },
   
      size: '95%'
    },
    {
      type: 'pie',
      zIndex: 0,
      size: '100%',
      data: [{
        name: 'Spain',
        y: 16,
        dataLabels: {
          connectorColor: "#7cb5ec"
        }
      }, {
        name: 'France',
        y: 15,
        dataLabels: {
          connectorColor: "#434348"
        }
      }, {
        name: 'Italy',
        y: 13,
        dataLabels: {
          connectorColor: "#90ed7d"
        }
      }, {
        name: 'United Kingdom',
        //name: 'United Kingdom without Northern Ireland',
        y: 11,
        dataLabels: {
          connectorColor: "#f7a35c"
        }
      }, {
        name: 'Belgium',
        y: 1,
        dataLabels: {
          connectorColor: "#8085e9"
        }
      }, {
        name: 'Norway',
        y: 1,
        dataLabels: {
          connectorColor: "#f15c80"
        }
      }, {
        name: 'Netherlands',
        y: 1,
        dataLabels: {
          connectorColor: "#e4d354"
        }
      }, {
        name: 'Germany',
        y: 6,
        dataLabels: {
          connectorColor: "#2b908f"
        }
      }],
      colors: ['none'],
      borderWidth: 0,
     ...