我正在使用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轴标签很重要):
这就是我的csv数据:
age, income
72, 2
50, 1
55, 3
50, 2
80, 2
所以在这里我想使用精确的年龄标签,而不是使用50到80的范围。
如何修改我的代码,使X轴标签显示为 50 55 72 80 ,而不是 50 60 70 80