score:0

The simplest solution is to create another chart:

Highcharts.chart('container', {
    ...,
    series: [{
        type: 'pie',
        ...
    }]
});

Highcharts.chart('container2', {
    ...,
    series: [{
        type: 'bar',
        ...
    }]
});

Live demo: http://jsfiddle.net/BlackLabel/r9yz6qdk/

score:1

I think that a good solution will be to use independent yAxis and xAxis for this bar, set a smaller height for them and change the pie centre values. See:

 xAxis: [{
    gridLineWidth: 0,
    minorGridLineWidth: 0,
    gridLineColor: 'transparent',
    title: {
      text: null,
    },
    labels: {
      enabled: false,
    },
  }, {
    height: '20%'
  }],

Demo: https://jsfiddle.net/BlackLabel/jc3fLvt1/1/

API: https://api.highcharts.com/highcharts/series.pie.center

API: https://api.highcharts.com/highcharts/series.bar.yAxis


Related Query

More Query from same tag