小编Shr*_*hri的帖子

使用 Chart.js 显示与标签连接的计数

我正在使用 Chart.js 构建饼图,有什么方法可以将计数连接到标签(在饼图图例中显示数字和百分比)?

createChart : function() {
    debugger;
    var chartData = [60, 90, 120, 150];
    var chartLabels = ['apples','bananas','oranges','pears'];
    var chartCanvas = component.find("chart").getElement();

    var chart = new Chart(chartCanvas, {
        type: 'pie',
        data: {
            labels: chartLabels,
                datasets: [
                    {
                        label: "test",
                        data: chartData,
                        borderWidth: 0,
                        backgroundColor: [
                            "#f43004",
                            "#decf3f",
                            "#FFA500"
                        ]
                    }
                ]
            },
            options: {
                cutoutPercentage: 1,
                maintainAspectRatio: false,
                legend: {
                    display: true,
                    position:'right',
                    fullWidth:false,
                    reverse:true,
                    labels: {
                        fontColor: '#000',
                        fontSize:10,
                        fontFamily:"Arial, sans-serif SANS_SERIF"
                    },
                    layout: {
                        padding: 70,
                    } …
Run Code Online (Sandbox Code Playgroud)

javascript charts chart.js

5
推荐指数
1
解决办法
6004
查看次数

标签 统计

chart.js ×1

charts ×1

javascript ×1