javascript - d3 过滤数据

标签 javascript d3.js

我有 csv 文件

Crime Category Description, Crime Code, Month Of Arrest
NONE, 123, 1
NONE, 234, 4
THEFT, 333, 4
THEFT, 444, 3
BATTERY, 456, 5
BATTERY, 55, 3

我尝试过滤“犯罪类别描述”=“盗窃”的数据并且 “犯罪类别描述”=“电池”。 为此,我使用

d3.csv("Urbana_Police_Arrests_Since_1988.csv", function(error,data){
...
.enter().append("rect")
.data(data.filter(function(d){return d.key = "THEFT" && d.key == "BATTERY" }))

不幸的是,它不起作用。知道为什么吗?

输出应该是:

THEFT, 333, 4
THEFT, 444, 3
BATTERY, 456, 5
BATTERY, 55, 3

最佳答案

您想要保留犯罪类别描述THEFTBATTERY而不是的对象盗窃 电池,这是不可能的。

因此,请使用 OR (||) operator :

var csv = `Crime Category Description, Crime Code, Month Of Arrest
NONE, 123, 1
NONE, 234, 4
THEFT, 333, 4
THEFT, 444, 3
BATTERY, 456, 5
BATTERY, 55, 3`;

var data = d3.csvParse(csv);

var filtered = data.filter(function(d) {
  return d["Crime Category Description"] === "THEFT" || d["Crime Category Description"] === "BATTERY"
})

console.log(filtered)
<script src="https://d3js.org/d3.v4.min.js"></script>

关于javascript - d3 过滤数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47001302/

相关文章:

javascript - ActiveX 仅在激活 IE 9 控制台时工作

javascript - 在 d3 时间轴上显示每隔一个刻度标签?

javascript - 自动放置流程图形状的算法

javascript - Javascript 中 document.innerHTML 的自闭标签问题

javascript - Colorbox 的叠加层未显示

javascript - IE8 通过命名空间调用函数的问题

javascript - D3.js 更新堆积条形图

javascript - 按数据属性 append 值

D3.js 形状在转换后在显示中进行翻译,就好像坐标系已更改一样

javascript - HTML + (NV)D3 : Can't place a div on top of a div of the chart even with > z-index