D3 - 在同一个JSON中使用不同的参数

Question

我想使用单个JSON对象动态更改条形图。我的JSON看起来像这样：

[{"userID": 1, "name": "Ben", "salary": 64.0, "expenses": 10.0}, {"userID": 2, "name": "Jeff", "salary": 100.0, "expenses": 50.0}]

我想通过从列表中选择来创建D3条形图，例如：

<select onchange="loadData()" id="money">
   <option >Salary</option>
   <option >Expenses</option>
</select>

D3将使用相关数据重新创建条形图。我搜索了解决方案，但到目前为止他们建议我应该替换我的数据集。正如您在上面所看到的，我希望使用相同的JSON并只使用其中的其他字段。

有什么想法吗？谢谢！