如何使用ChartJs访问函数中的所有数据?

2w2cym1i  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(196)

请考虑以下代码。
第一个
因为我在不同的图中使用onAnimationComplete中的函数,所以我喜欢创建一个JavaScript文件,在其中收集所有函数并使用它们。

var chart = new Chart(ctx, eval(config));

chart.options.animation.onComplete = function () {
    window["AnimationComplete1"](chart);
}

function AnimationComplete1(chart) {
    var ctx = chart.ctx;
    ctx.textAlign = "center";
    ctx.textBaseline = "bottom";

    chart.data.datasets.forEach(function (dataset) {
        dataset.points.forEach(function (points) {
            ctx.fillText(points.value, points.x, points.y - 10);
        });
    })
}

在这段代码中,问题是在函数中,我不能从chart.data.datasetsdataset访问point,也不能访问fonttextColorscale
有没有办法从一个公共函数中访问这些值?

oxiaedzo

oxiaedzo1#

必须在图表options内定义Chart.js动画onComplete回调函数。

options: {
  animation: {
    onComplete: ctx => {
      // do your stuff
    }
  }
}

请看一下下面修改后的代码,看看它是如何工作的。
第一个

相关问题