javascript - d3 折线图字符串作为 x 轴域

标签 javascript d3.js charts

我有两个 javasrcript 数组用于在 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 来说非常陌生。这可能是一个小错误。

谢谢。

最佳答案

由于值是字符串而不是数字,因此您必须使用序数比例。引用更多here

试试这个方法。

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

关于javascript - d3 折线图字符串作为 x 轴域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33163195/

相关文章:

javascript - mouseenter/leave & mouseover/out 问题

d3.js - 多层比较直方图

javascript - 将多个图表和表格导出为 1 个 PDF

javascript - 在 d3 中使用气泡图时出现问题

javascript - 使用 XML 作为源重新加载 DIV 的内容

javascript - 如何在 jQuery 中仅定位当前悬停的元素

javascript - 错误: Cannot read property isSkipself of null - After upgraded from Angular beta to RC1

d3.js - d3 - 如何在 v5 中返回 d.type?

javascript - D3 散点与 x 轴不对齐

android - 我建立一个 Activity 图表是可以的,但是当我建立它的 fragment 时出现一些错误