从函数内部操作对象

Question

我有问题需要帮助。 我用 chart.js 创建图表，我想用一个函数更新它们。

我有以下设置：

function createchart(obj){
var kdChart = new Chart(kdchart, {
          type: 'line',
          data: data,
          options: options
        });

现在我尝试使用这样的第二个函数更新图表：

function updatechart(){
  //collect new data...
  kdChart.data.labels = datepoints;
  kdChart.data.datasets[0].data = kdata;
  kdChart.data.datasets[1].data = ddata;
  kdChart.update();
}

现在我得到错误

TypeError: kdChart.data 未定义

当我在 createchart 函数之外创建图表时，它可以工作。 我在这里做错了什么？ 如何从函数内部更新对象？

Answer 1

问题是你的变量只存在于你的函数中。做类似的事情

function createchart(...) {
    var kdchart = ...
    ...
    return kdchart;
}

当你调用这个函数时，把 kdchart 粘贴到你可以找到它的地方——在窗口对象上没有别的地方

Answer 2

这是因为变量 kdChart 的范围不是全局的。它在执行到该函数内部之前一直处于活动状态，否则它就死了。

您可以全局创建它，也可以在一个函数上创建该对象并返回，但您必须在需要的任何地方调用该函数，而不必获得相同的引用。

创建全局对象，使其只有一个副本可供访问。