Можно ли создать многоуровневую (сложенную) кольцевую диаграмму с переменным диаметром в последней стопке?

Question

Можно ли создать диаграмму паука или солнечную вспышку или составную кольцевую диаграмму в Highcharts или другой библиотеке диаграмм, которая имеет фиксированную ширину на внешнем уровне и переменную длину, подобную этой:

https://www.dropbox.com/s/b13tj46svjpxrku/image.png?dl=0

Для подтверждения мне нужно указать последний набор данных визуально по длине, поэтому, если один столбец равен 5 а, а один - 10, то второй столбец будет в два раза длиннее.

Answer 1

Этот тип диаграммы не поддерживается по умолчанию в Highcharts, но вы можете объединить две диаграммы: column серия в polar диаграмме и sunburst:

Highcharts.chart('container', {
    chart: {
        polar: true,
        type: 'column',
        ...
    },
    ...
});


Highcharts.chart('container2', {
    chart: {
        type: "sunburst",
        ...
    },
    ...
});

Демонстрация в реальном времени: https://jsfiddle.net/BlackLabel/sgvoxf37/