Круговая диаграмма HighCharts - Добавить текст внутри каждого среза
Я создаю финансовую круговую диаграмму, используя HighCharts, которая представляет распределение активов. Моя цель - создать диаграмму, которая отображает фактические значения распределения в каждом срезе, но внутри каждого слайда будет отображаться, по существу, вторая метка данных, которая отображает целевой процент для различных инвестиционных инструментов. Важно отметить, что текущее распределение активов не всегда совпадает с целевым значением распределения.
У меня все работает, кроме меток цели внутри каждого слайда. Посмотрите на изображение ниже, что бы я хотел сделать:
Вот что я имею до сих пор:
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 }
});