D3折线图字符串作为x轴域

d3 line chart string as x axis domain

本文关键字：轴域 折线图 字符串 D3      更新时间：2023-09-26

我有两个javascript数组作为d3.js折线图中的数据传递。我想把字符串值映射成x轴定义域。但它没有正确映射。Data2数组包含年份作为字符串值

xScale = d3.scale.linear().range([MARGINS.left, WIDTH - MARGINS.right]).domain(data2.map(function (d) { return d.year; })),

然后lineGen(data2)给出NaN值

JsFiddle:http://jsfiddle.net/nyngd3sz/

d3.js非常新。这可能是个小错误。

谢谢。

由于值是字符串而不是数字，因此必须使用顺序刻度。点击这里了解更多。

试试这个方法。

var xScale = d3.scale.ordinal().range([MARGINS.left, WIDTH - MARGINS.right]).domain(data2.map(function (d) { return d.year; }))
相关文章：