Dependency wheel label problem

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 Test'
  },

  series: [{
    type: 'dependencywheel',
    zIndex: 1,
    keys: ['from', 'to', 'weight'],
    data: [
      ['Spain', 'France', 5],
      ['Spain', 'Italy', 8],
      ['Spain', 'Netherlands', 1],
      ['France', 'United Kingdom', 5],
      ['France', 'Italy', 3],

      ['Italy', 'United Kingdom', 2]

    ],

    dataLabels: {
      color: 'black',
      textPath: {
        enabled: true,
        attributes: {
          dy: 5
        }
      },
      distance: 10
    },

    size: '95%'
  }]

});