在带有融合图的饼图中显示图例

Question

我想在饼图中显示图例及其值。我用谷歌搜索了很多但没有得到任何解决方案。此外，融合图表中没有选项可以直接实现这一点。任何人都可以建议我可以应用什么技巧吗？我想我需要修改库中很多我不想要的东西，所以请帮助我。

Refer below image

我正在使用 angular-fusion 图表库，所以我想以 angular 的方式进行。

Answer 1

如果您使用的是 FusionCharts，则可以使用属性 "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"
    }]
}

Answer 2

试过这个对我有用

"valuePosition"=>"inside",
"labelPosition"=>"inside",

https://www.fusioncharts.com/dev/chart-guide/standard-charts/pie-and-doughnut-charts

在带有融合图的饼图中显示图例

Display legend inside a pie chart with fusion chart

javascript

fusioncharts

angularjs