score:1

Accepted answer

You can create multiple charts with dynamically calculated styles:

data.forEach(function(dataEl) {
    const createdDiv = document.createElement('div');
    createdDiv.style.display = 'inline-block';
    createdDiv.style.width = 100 / data.length + '%'

    mainContainer.appendChild(createdDiv);

    Highcharts.chart(createdDiv, {
        ...,
        series: [dataEl]
    });
});

Live demo: https://jsfiddle.net/BlackLabel/jn4p2gq8/


Or one chart with dynamically calculated center property for each series.

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


Related Query

More Query from same tag