在 D3 中的条形图上需要有关选择年份和犯罪头变量的帮助

Question

我是 D3 新手。我正在创建条形图，但遇到了一些困难。我在想，首先 select YEAR 单选按钮，然后 select 将显示 CRIMEHEAD 和条形图。

想法：假设 YEAR 2004 是 selected，然后 CRIMEHEAD 再次被 selected，那么 selected CRIMEHEAD 的特定 YEAR[2004] 的数据应该只被采取并会看到条形图。

我们将不胜感激并期待任何形式的帮助。

// YEAR radio button

$(文档).ready(函数(){

$("input:radio[name=year]").click(function() {

    value = $(this).val();

    $(".chart").empty();

// CRIMEHEAD 单选按钮

$(document).ready(function(){

var value="Total";

$("input:radio[name=crime]").click(function() {

    value = $(this).val();

    $(".chart").empty();

但在上面 link 中，显示了所有年份的特定 CRIMEHEAD 的所有数据。

如果先 select 编辑 CRIMEHEAD，则会弹出一条消息，告诉 select 首先是 YEAR。

这里没有 YEAR 单选按钮 http://jsfiddle.net/zw98b3pv/1/

Answer 1

我会尝试的第一件事是映射正确的数据。

而不是

data: data,

放

data: $.map(data, function(o,i){        
  if (o.YEAR == $("input:radio[name=year]").val())
      return o;
  }),

看看http://jsfiddle.net/jnfsmile/zw98b3pv/2/

编辑

对不起，我忘记添加取值条件了，应该是：

if (o.YEAR == $("input:radio[name=year]:checked").val())

试试这个 http://jsfiddle.net/jnfsmile/zw98b3pv/6/

在 D3 中的条形图上需要有关选择年份和犯罪头变量的帮助

Need Help on Bar chart in D3 regarding selection of year and crimehead variable

javascript

jquery

d3.js