在 ChartJS 中循环 afterDraw

Question

我在应用程序中使用 afterDraw 并且有大量的数据集数据。这段代码似乎运行了很多次，一遍又一遍，而我只需要它一次。

在画后：

    for(var i = 0; i < categories; i++)
    {
        let next = start + runningTotal;
        ctx.fillText(chart.config.data.categories[i], next / 2, yBottom + 40);

        start = runningTotal;
        runningTotal = runningTotal + xSpace;
    }

它一遍又一遍地绘制。如果将控制台放入循环中，它会运行很多。

图表看起来像这样：

我只想在最后运行一次。

Answer 1

您可以使用afterLayout 或afterUpdate 挂钩来执行您的自定义代码，而不是使用afterDraw 挂钩。

请查看 Chart.js 文档中的章节 Chart Update。