Javascript D3单击更新数据集并重新绘制条形图

我对d3和javascript都是新手，更新数据集和重画条都有困难。这是我到目前为止一直在看的代码

我有一个函数clickEvent，它在点击任何一个条时被激活。此函数提示输入值

function clickEvent() 
{
    var op = prompt("Please enter the value", "");
};

我需要做的是在单击的索引处更新数据集，并重新绘制rect，以便它们反映对数据集的更改

---

任何帮助都将不胜感激。谢谢。

对于一个非常简单的示例，您可以直接更新数据集，并将条形图代码放入render（）函数中，您可以调用该函数来重新呈现更改

var dataset = [...];

function render() {
    // bind dataset to rects and draw here
}

function clickEvent(d, i) {
    var op = prompt("Please enter the value", d);
    dataset[i] = parseInt(op, 10);
    render();
};

---

下面是代码中的一个运行示例：

您可以尝试查看

返回

并从

clickEvent

函数中提取一些内容（或者，也可以更改

数据集中
与
clickEvent
函数内部/相关的某个数组索引值）因此，该值可以反映在您的数据集/图表中。谢谢！这正是我所需要的：）