Javascript Hightcharts-折线图上的多个饼图

使用Highcharts库实现下图的最佳方法是什么

您可以创建其他饼图作为数据标签：

chart: {
    events: {
        load: function() {
            var points = this.series[0].points,
                container;

            points.forEach(function(p) {
                container = p.dataLabel.div.querySelector('.dataLabelChart');

                Highcharts.chart(container, {
                    chart: {
                        margin: 0,
                        backgroundColor: 'transparent'
                    },
                    title: {
                        text: ''
                    },
                    credits: {
                        enabled: false
                    },
                    tooltip: {
                        enabled: false
                    },
                    series: [{
                        innerSize: 30,
                        dataLabels: {
                            enabled: false
                        },
                        type: 'pie',
                        data: [1, 2, 3]
                    }],
                    legend: {
                        enabled: false
                    }
                });
            });
        }
    }
},
series: [{
    dataLabels: {
        verticalAlign: 'middle',
        enabled: true,
        useHTML: true,
        formatter: function() {
            return '<div class="dataLabelChart" id="' + this.point.index + '"></div>'
        }
    },
    ...
}]

现场演示：

---

API参考：

谢谢。这就是我要找的