d3使用下拉菜单过滤列标题 [英] d3 use drop down to filter for column headers

问题描述

我在具有国家/地区列标题的csv中存储数据，并以日期为主要键的行数据的时间序列.

I have data in a csv with countries as columns headers and a timeseries of row data with date as the primary key.

我正在尝试的方法应该很简单，但是我无法使其正常工作. 我有一个包含国家/地区列标题的下拉框.一旦选择了这些，我想参考所选内容以填写图表.

What I am attempting should be fairly straight forward but I haven't been able to get it to work. I have a drop down box which contains the country column headers. Once on of these is selected I want to reference the selection to fill a chart.

如果我明确声明列标题的名称(即如果标题是USA，则它将加载该列的所有数据)，则目前可以正常工作.

I currently have this working if I explicitly state the name of the column header i.e if the header is USA which will load all data for that column.

data1.forEach(function(d) {
                    d.Date = parseDate(d.Date);
                    d.country= d.USA;

                    });

但是我需要根据选择的物品而定

But I need this to be based on the item selected which I can get by

var myCountry = this.options[this.selectedIndex].__data__;

我只是想念如何使用此变量来引用d.USA列

I am just missing how to use this variable to reference the column d.USA

推荐答案

好吧，这是我之前尝试过的简单修补程序，Josh提出了建议，但不适用于我的原始代码. jsfiddle.net/enzo267/hK8kG/1

Ok this was a simple fix which I tried previously and Josh suggested but did not work in my original code. jsfiddle.net/enzo267/hK8kG/1

这篇关于d3使用下拉菜单过滤列标题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！