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

Question

我根据D3js.org 示例存储库中提供的示例生成了一个组条形图。现在我正在尝试基于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
}