Question

我试图在ChartJS上使用饼图绘制多行标签。我读过多个问题，使用字符串数组可以完成工作，但我没有看到。我的代码如下：

var ctx = document.getElementById("pie-inversiones");

window.myBar = new Chart(ctx, {
    type: 'pie',
    data: pieInversiones,
    options: {
        legend: {
            position: 'left',
            onClick: function (e) {
                e.stopPropagation();
            },
            labels: {
                fontColor: "#15467D",
                fontFamily: "Neo Sans Std",
                fontSize: 10
            }
        },
        animation: {
            animateRotate: getParameterByName("action") == "print" ? false : true
        },
        plugins: {
            datalabels: {
                color: '#15467D',
                anchor: "end",
                align: "end",
                formatter: (value, ctx) => {
                    return value + "%";
                }
            }
        }
    },
});

数据对象具有两个属性，即数据集（具有背景色的数据）和标签，它们只是一个数组数组，每个数组中都有1+个字符串。

我看到的大多数关于条形图的问题，我将如何在饼图上实现这一目标？

这是我使用的https://jsfiddle.net/04zcy2hu/

的示例

带有饼图的多行图例标签

0 个答案: