D3.js 为d3 js中的数据设置xScale？

我从卡格尔那里得到了泰坦尼克号的数据。
数据看起来像

[{ Age: "22"
Cabin: ""
Embarked: "S"
Fare: "7.25"
Name: "Braund, Mr. Owen Harris"
Parch: "0"
PassengerId: "1"
Pclass: "3"
Sex: "male"
SibSp: "1"
Survived: "0"
Ticket: "A/5 21171"}, {...}, ...]

我想画一个条形图，x轴有公的和母的，y轴有计数。
条形图将显示幸存者的数量（

数据[index]。幸存者===1

）

我的yScale是

var svg = d3.select("svg");
var height = parseInt(svg.style('height'), 10) -20

var countValue = function(arrayData, filterValie){
    var count = 0;
    for(var i = 0; i < arrayData.length; i++){
        if(arrayData[i].Sex === filterValue)
        count += 1
    }
}
var yScale = d3.scaleLinear()
    .domain([0, Math.max(countValue(data, 'male'), countValue(data, 'female'))])
    .range([height, 0])

var xScale = d3.scaleBand()
    .domain(data.map(function (d) {return d.Sex})) // What should I have to pass as input in here
    .range(['male', 'female'])

var svg=d3.选择（“svg”）；
var height=parseInt（svg.style（'height'），10）-20
var countValue=函数（arrayData，filterValie）{
var计数=0；
对于（var i=0；i

因此，条形图按性别显示幸存者的数量？

---

提前谢谢

这看起来是正确的，但是在xScale

的域部分末尾缺少了一个右括号（data.map（function（d）{return d.Sex}））

是的，我修复了它。这看起来是正确的，但是在xScale

的域部分末尾缺少了一个右括号（data.map（function（d）{return d.Sex}））

是的，我修复了它。