javascript - 从函数内部操作对象

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 is undefined

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

Answer 1

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

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

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