带引号线外的BillboardJS或C3JS饼图标签

时间:2018-11-04 17:23:38

标签: charts pie-chart c3.js billboard.js

我有一个使用BillboardJS(也可以是C3JS)构建的饼图,该饼图需要在图表上显示带引线的值。我之所以从C3切换到Billboard,部分原因是因为它可以轻松显示饼图之外的值,但是我还需要引导线,并且要避免重叠,而且两个库都没有提供该功能。

我需要这样的东西(它使用D3,所以我无法使其适应Billboard或C3): http://bl.ocks.org/dbuezas/9306799

这是我要构建的图表的示例(您可以在此处复制/粘贴:https://naver.github.io/billboard.js/playground/):

{
    "data": {
        "columns": [
            ["data1", 30],
            ["data2", 45],
            ["data3", 25],
            ["data4", 2],
            ["data5", 1],
            ["data6", 25]
        ],
        "type": "pie"
    },
    "pie": {
        "label": {
            "ratio": 2.4,
            "threshold": 0
        }
    },
    "padding": {
        "top": 48,
        "bottom": 48
    },
    "clipPath": false,
}

谢谢!

0 个答案:

没有答案