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

Question

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

Refer below image

我正在使用角度融合图表库，所以我想以角度方式做到这一点。

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

Answer 3

您可以通过将新添加的属性 valuePosition 的值设置为 inside 来将值放置在切片内部。 valuePosition 属性的默认值是outside。

    {
    "chart": {
        ...
    },
    "data": [{
            "label": "Food",
            "value": "285040"
        },
        {
            "label": "Apparels",
            "value": "146330",
            "valuePosition": "inside"
        },
        {
            "label": "Electronics",
            "value": "105070"
        },
        {
            "label": "Household",
            "value": "49100"
        }
    ]
}

了解更多信息 - https://www.fusioncharts.com/dev/chart-guide/standard-charts/pie-and-doughnut-charts#place-values-inside-the-pie-doughnut-chart

这是演示小提琴 - https://jsfiddle.net/fusioncharts/3dts9evm/