D3 - 如何在d3回调函数之外获取数据？

在D3中，回调函数通常用于在数据加载完成后执行一些操作。如果你想在回调函数之外获取数据，有几种解决方法。

1. 使用Promise对象：

// 使用Promise封装D3的数据加载函数
function loadData(url) {
  return new Promise(function(resolve, reject) {
    d3.csv(url, function(error, data) {
      if (error) {
        reject(error);
      } else {
        resolve(data);
      }
    });
  });
}

// 调用loadData函数获取数据
loadData('data.csv').then(function(data) {
  // 在回调函数之外获取数据
  console.log(data);
}).catch(function(error) {
  console.log(error);
});

2. 使用回调函数作为参数传递：

// 定义一个回调函数，在数据加载完成后执行
function processData(data) {
  // 在回调函数之外获取数据
  console.log(data);
}

// 调用D3的数据加载函数，并将回调函数作为参数传递
d3.csv('data.csv', processData);

3. 使用全局变量存储数据：

// 定义一个全局变量
var data;

// 调用D3的数据加载函数，并在回调函数中将数据赋值给全局变量
d3.csv('data.csv', function(error, csvData) {
  if (error) {
    console.log(error);
  } else {
    data = csvData;
  }
});

// 在回调函数之外获取数据
console.log(data);

无论使用哪种方法，你都可以在回调函数之外访问和处理数据。但是要注意，在使用全局变量存储数据时，确保数据加载完成后再进行操作，否则可能会得到undefined的值。