Ich erstelle ein finanzielles Tortendiagramm mit HighCharts, das die Asset-Allokation darstellt. Mein Ziel ist es, ein Diagramm zu erstellen, das die tatsächlichen Zuordnungswerte in jedem Segment darstellt. In jedem Segment wird jedoch im Wesentlichen ein zweites Datenetikett angezeigt, das den Zielprozentsatz für verschiedene Anlagevehikel anzeigt. Es ist wichtig zu beachten, dass die aktuelle Asset-Allokation möglicherweise nicht immer mit dem angestrebten Allokationswert übereinstimmt.

Ich habe alles außer den Zielbeschriftungen in jeder Folie zum Laufen gebracht. Das Bild unten zeigt, was ich erreichen möchte:

Folgendes habe ich bisher:

            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 }
       });