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

时间:2012-12-11 16:19:23

标签: charts d3.js interactive

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

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

1 个答案:

答案 0 :(得分:1)

如果没有看到您的代码,我只能提出一个非常模糊的方向:

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

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

  // add transition with the newly sorted data
}