D3 折线图在 x 轴上使用类别名称（字符串）

Question

在 d3 图表中，我不想在 x 轴中使用日期。我有简单的类别和该类别值的计数，我想使用这些值创建图表。

我正在使用以下 URL 创建折线图 http://bl.ocks.org/mbostock/3883245

但是代替年份，我想在 x 轴中显示类别名称。

Answer 1

您想对 x 轴使用序数刻度而不是时间刻度，请查看此。

基本替换

var x = d3.scaleTime()
    .rangeRound([0, width]);
...
x.domain(d3.extent(data, function(d) { return d.date; }));

和

var x = d3.scaleBand()
    .rangeRound([0, width]);
...
x.domain(data.map(function(d) { return d.date; }));

但是，如果没有任何关于您迄今为止尝试过的内容以及您隐藏的内容的代码示例，则很难回答您的问题。例如，如果您提供代码的 jsfiddle，您将获得更好的答案，而不是被否决的问题。