我正在使用Chartjs 2.6.0创建饼图。我想在Slices上显示标签

Question

我正在使用Chartjs（V2.6.0）饼图，我想在饼图切片上显示标签。 请在下面找到我的代码

HTML Canvas：

<canvas id="pieChart" style="height:250px"></canvas>

我的图表选项对象

var pieOptions = {
        elements: {
            arc: {
                borderWidth: 0
            }
        },
    layout: {
        padding: {
            left: 0,
            right: 0,
            top: 10,
            bottom: 0
        }
    },
    legend: {
        display: true,
        position: 'right',
       labels: {
                boxWidth: 12
            }
    }
};

我的图表代码：

[![new Chart($("#pieChart"), {
                    type: 'pie',
//                    type: 'doughnut',
                    data: {
                        labels: \['4HR', 'Ba-D', 'Cx-D', 'CID'\],
                        datasets: \[
                            {
                                data: \[12,43,67,98\]
                            }
                        \]
                    },
                    options: pieOptions
                });][1]][1]

Answer 1

您可以使用ChartPieceLabel

尝试下载link

另外，如果您想看一下它们的外观演示，可以尝试以下link