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';
        }
    }
});