如何从多个javascript数组将数据读入d3.js？并在不刷新页面的情况下动态更新图表

目前我有两个数组，一个是名为nums的数字列表，而ms是名为places的字符串列表

前

两个数组的长度相同

我想用这些数组制作一个条形图，看起来像 ，但数据来自这些阵列，而不是tsv文件

在Bostock的代码中，数据是从tsv文件中读取的，代码如下

d3.tsv("data.tsv", type, function(error, data) {
  x.domain(data.map(function(d) { return d.letter; }));
  y.domain([0, d3.max(data, function(d) { return d.frequency; })]);

---

此外，我从服务器接收更新，某些条上的数据将更新，而其他条不变。我不想刷新页面，而是想更新更改的栏。对于这种类型的项目，我应该尝试使用react或任何其他建议。我们将非常感谢您的帮助。谢谢

如果要使用Mike Bostock的代码，则可以创建一个名为data的数组，其中包含num属性和place属性：

var data=[]; 
for(var i=0; i<nums.length; i++){
var obj = {num: nums[i], place: places[i]};
data.push(obj);
}

var数据=[]；
对于（VarI=0；我支持编辑。有什么想法吗？
var data=[]; 
for(var i=0; i<nums.length; i++){
var obj = {num: nums[i], place: places[i]};
data.push(obj);
}