Как использовать диаграммы js -plugin-datalabels для определенных c диаграмм с использованием vue -chart. js

Question

Я пытаюсь использовать диаграмму js -plugin-datalables для конкретных c диаграмм, используя vue -chart js. Итак, сначала я отменил регистрацию плагина глобально из моего файла main. js, поскольку он зарегистрирован глобально при импорте.

import Chart from 'chart.js';
import ChartDataLabels from 'chartjs-plugin-datalabels';

Chart.defaults.global.plugins.datalabels.display = false;

Затем я добавляю плагин для определенной диаграммы c. Но ярлыки не отображаются.

import { Pie } from "vue-chartjs";
import ChartDataLabels from "chartjs-plugin-datalabels";
export default {
    extends: Pie,
    methods: {
        intChart() {
            var _this = this;
            this.renderChart({
                ..........       
            });
        }
    },

    mounted() {
        this.addPlugin(ChartDataLabels);
        this.intChart();
    }
};

Если я отключу следующую строку, она будет работать для всех диаграмм.

Chart.defaults.global.plugins.datalabels.display = false;

Любая идея, почему она не работает для спецификаций c графики?

Answer 1

Чтобы отключить диаграмму js -plugin-datalabels глобально, мне пришлось использовать

Chart.plugins.unregister(ChartDataLabels);

вместо

Chart.defaults.global.plugins.datalabels.display = false;

в моем main. js файл. Тогда функция addPlugin работает отлично.