小编Ame*_*ail的帖子

我正在尝试为 ChartJS 配置和使用 datalabels 插件，但没有成功。我使用 npm 作为项目管理工具，因此使用 ' 添加了插件

npm install --save Chartjs-plugin-datalabels

将其导入到我的组件中

import ChartJSPluginDatalabels from "chartjs-plugin-datalabels";

添加到组件依赖中

components: {
    ChartJSPluginDatalabels,
    ... }

添加到选项中

  data: () => ({
    options: {
      responsive: true,
      maintainAspectRatio: false,
      tooltips:{
          enabled : true
      },
      plugins: {
        datalabels: {
            formatter: (value, ctx) => {
                
                let sum = 0;
                let dataArr = ctx.chart.data.datasets[0].data;
                dataArr.map(data => {
                    sum += data;
                });
                let percentage = (value*100 / sum).toFixed(2)+"%";
                return percentage;
            },
            color: '#fff',
        }
     }   
    }

与 Chartjs …