angular-chart.js legendCallback

Question

我似乎無法使legendCallback工作。

我嘗試這樣做：

options = {
    legend: {
        legendCallback: function (chart) {
            console.log(chart);
            return 'a';
        }
    }
}

OR

options = {
    legend: {

    },

    legendCallback: function (chart) {
        console.log(chart);
        return 'a';
    }
}

我也嘗試在第二個中切換legend和legendCallback ，但仍然不起作用，也沒有任何錯誤。

Answer 1

legendCallback函數在選項上設置，由Chart JS運行，然后通過調用chartInstance.generateLegend（）使您的調用代碼可用，它將生成HTML以供您附加到頁面上的元素。

var chartInstance = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legendCallback: function (chart) {
            console.log(chart);
            return 'a';
        }
    }
});

// This runs the legendCallback and returns the result
var legendHtml = chartInstance.generateLegend();

Answer 2

根據Chart.js文檔 ， legendCallback是一個全局選項即

var chartInstance = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legendCallback: function (chart) {
            console.log(chart);
            return 'a';
        }
    }
});