javascriptangularjsfusioncharts

Display legend inside a pie chart with fusion chart

I want to display legend with it's value inside pie chart. I googled it a lot but didn't get any solution. Also, there is no option in fusion charts to achieve this directly. Can anyone please suggest what trick can I apply to do so? I think I need to modify lot of things in library which I don't want so please help me.

Refer below image

enter image description here

I'm using angular-fusion charts library so I want to do this in angular way.

Solution

  • If you are using FusionCharts you can achieve this using the attribute "placeValuesInside='1'"

    // Sample data
{
"chart": {
    "showpercentagevalues": "1",
    "use3dlighting": "0",
    "showshadow": "0",
    "placevaluesinside": "1",
    "animation": "0"
},
"data": [{
        "label": "ST_Clean",
        "value": "33",
        "color": "f7bc34"
    }, {
        "label": "ST_Eff",
        "value": "67",
        "color": "e24b1a"
    }]
}