charts - D3js中分组条形图的交互式排序

Question

我根据 example 生成了一个组条形图在 D3js.org 示例存储库中提供。现在我正在尝试基于另一个 example 引入交互式排序选项。来自 D3js 示例集。
我有每个状态分组的三个变量。我希望提供交互，让读者可以根据 -
1. 任何一个变量(但整个组都应该移动)
3. 三个不同的排序选项，每个变量一个(复杂且不太重要)

我是 javascript 和 D3js 的新手，所以我不确定前进的方向。任何建议将不胜感激。

Answer 1

没有看到你的代码，我只能提供一个非常模糊的方向:

您可能需要一个被调用的函数，每次查看器更改排序选项时。在函数内部，您需要指定不同的访问器:

var update = function(_value){
  data.sort(function(a, b) { return b._value - a._value; })

  // add transition with the newly sorted data
}