HighCharts Pie Chart - Adicione texto dentro de cada fatia
Estou criando um gráfico de pizza financeiro usando HighCharts que representa a alocação de ativos. Meu objetivo é criar um gráfico que represente os valores reais de alocação em cada fatia, mas dentro de cada slide mostrará essencialmente um segundo rótulo de dados que exibe a porcentagem de destino para vários veículos de investimento. É importante observar que a alocação de ativos atual nem sempre pode corresponder ao valor de alocação de destino.
Eu tenho tudo funcionando, exceto para os rótulos de destino dentro de cada slide. Veja a imagem abaixo para o que eu gostaria de realizar:
Aqui está o que eu tenho até agora:
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 }
});