使用nvd3.js / d3.js，如何使用离散/非数字/非时间序列X轴值的散点图或折线图？

Question

例如，我想要一个如下所示的散点图：

   100|        X                                           o
      |                                      o
    60|
      |        o             X               X                 
    40|
      |
    20|                      o                             X
      |
     0|______________________________________________________________
             Apples        Carrots        Dragons        Monkies      

其中X和o是不同的数据集

Answer 1

关键是使用x轴的序数销售。通过调用d3.scale.ordinal()构建序数尺度。 domain将是您的标题数组（您可以在数据数组上使用本机map方法动态提取标题）。 range需要与domain数组长度相同的数组，指定与标题对应的每个x坐标。

请在此处查看此示例：http://tributary.io/inlet/5788637

你可以分叉并尝试添加一个yScale（在这种情况下，它将由d3.scale.linear构造，因为它是一个连续的数字刻度）并使y轴遵循与x轴类似的模式。