React-Chartjs-2强制折线图重新绘制

时间:2019-10-14 13:13:22

标签: javascript reactjs canvas charts chart.js

我对React还是很陌生,并且在更新它使用的画布中的数据之后,我目前正试图强制重新绘制图表。到目前为止没有运气...

这是我到目前为止所做的:

class LineExtender extends Line
{
    componentDidMount()
    {
        RegisterChart(this.chartInstance);
    }
}

此类通过以下方式扩展了从react-charjs-2库继承的图表:它将在此处定义的负载下调用RegisterChart函数:

function RegisterChart(mchart)
{
  console.log("Registering new chart " + mchart);
  AllCharts.push(mchart);
}

此数组 AllCharts 然后用于在需要时强制更新图表的渲染:

  AllCharts.forEach(element => {
    element.update();
  });

尽管脚本可以正确执行,但运行时在控制台上没有任何错误。这与 未定义 的事实有关。但是由于我的数组未正确添加,因此它们已正确添加null,则以以下形式添加它们:

  

注册新图表[对象对象]

我不确定如何访问图表的正确参考以强制其重新绘制。有谁知道该怎么做?

任何帮助将不胜感激。

谢谢!

0 个答案:

没有答案