如何在d3中将字符串标签放在X轴上

时间:2015-07-22 17:14:59

标签: javascript d3.js

我正在使用d3的散点图,我试图用字符串标记图的x轴,我可以从csv文件中读取。

以下是我当前实施的代码:

var xValue = function(d) { return d.age;}, // data -> value
    xScale = d3.scale.linear().range([0, width]), // value -> display
    xMap = function(d) { return xScale(xValue(d));}, // data -> display
    xAxis = d3.svg.axis().scale(xScale).orient("bottom");

var yValue = function(d) { return d["income"];}, // data -> value
    yScale = d3.scale.linear().range([height, 0]), // value -> display
    yMap = function(d) { return yScale(yValue(d));}, // data -> display
    yAxis = d3.svg.axis().scale(yScale).orient("left");

d3.csv("predict_plot_h1b.csv", function(error, data) {
    // x-axis
    // Y-axis

    // Other D3 elements

}); 

这给了我类似的东西(下面的图中只有x轴标签很重要):

enter image description here

这就是我的csv数据:

age, income
72, 2
50, 1
55, 3
50, 2
80, 2

所以在这里我想使用精确的年龄标签,而不是使用50到80的范围。

如何修改我的代码,使X轴标签显示为 50 55 72 80 ,而不是 50 60 70 80

0 个答案:

没有答案