Estoy creando un gráfico circular financiero usando HighCharts que representa la asignación de activos. Mi objetivo es crear un gráfico que represente los valores de asignación reales en cada porción, pero dentro de cada diapositiva se mostrará esencialmente una segunda etiqueta de datos que muestra el porcentaje objetivo para varios vehículos de inversión. Es importante tener en cuenta que la asignación de activos actual no siempre coincide con el valor de asignación objetivo.

He conseguido que todo funcione, excepto las etiquetas de destino dentro de cada diapositiva. Vea la siguiente imagen para lo que me gustaría lograr:

Aquí está lo que tengo hasta ahora:

            var asset_allocation_pie_chart = new Highcharts.Chart({
            chart: { renderTo: 'asset_allocation_bottom_left_div' },
            title: { text: 'Current Asset Allocation', style: { fontSize: '17px', color: entity_color, fontWeight: 'bold', fontFamily: 'Verdana'} },
            subtitle: { text: '(As of ' + effective_date_formatted + ')', style: { fontSize: '15px', color: entity_color, fontFamily: 'Verdana', marginBottom: '10px' }, y: 40 },
            tooltip: { pointFormat: '{series.name}: <b>{point.percentage}%</b>', percentageDecimals: 0 },
            plotOptions: {
                pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, color: '#000000', connectorWidth: 1, connectorColor: '#000000', formatter: function() { return '<b>' + this.point.name + '</b>:<br/> ' + Math.round(this.percentage) + ' %'; } } }
            },
            series: [{
                type: 'pie',
                name: 'Asset Allocation',
                data: [['Investment Grade Bonds', InvestmentGradeBondPercentage], ['High Yield Bonds', HighYieldBondPercentage], ['Hedged Equity', HedgedEquityPercentage], ['Global Equity', GlobalEquityPercentage], ['Cash', CashPercentage]]
            }],
            exporting: { enabled: false },
            credits: { enabled: false }
       });