javascript - 是否可以在最后一个堆栈上创建具有可变直径的多级（堆叠）甜甜圈图

Question

是否可以在 Highcharts 或另一个图表库中创建蜘蛛图、旭日形图或堆叠圆环图，该图表库在外层具有固定宽度和可变长度，类似于此：

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

为了确认，我需要通过长度直观地指示最后一个数据集，所以如果一个条是 5 a，一个是 10，那么第二个条的长度是两倍。

标签： javascripthighcharts

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/