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

我希望使用单个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，只使用其中的其他字段

---

有什么想法吗？谢谢

同时绘制两个图表，但隐藏一个。当选择更改时，更改隐藏的是哪一个。这是一个有趣的想法，我会尝试。谢谢是使用相同数据集的示例。