I have taken an example Highcharts plnkr and edited it to match my requirements. Below is the plnkr that I have developed. https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview Here all the labels and icons for the labels are displayed properly. But when I include it in my application, the icons for the labels are not displayed properly. It is displayed as below
My label code is as below
labelFormatter: function () {
return '<div class="legend-label-md row" style=" border-bottom:1px solid black; margin-bottom: 5px"><span class="col-md-10">' + this.name +
'</span><span class="col-md-2" >' + this.value +
'%</span></div> ';
}