有了nvd3.js/d3.js，你怎么能得到离散/非数字/非时间序列X轴值的散点图或折线图？

例如，我想要一个散点图，它看起来像：

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

---

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

关键是对X轴使用顺序销售。通过调用

d3.scale.Ordinal（）

来构造有序刻度。

domain

将是一个标题数组（您可以在数据数组上使用本机的

map

方法动态提取标题）。

范围

需要由一个与

域

数组长度相同的数组组成，以像素为单位指定与标题对应的每个X坐标

请参见以下示例：

您可以分叉它并尝试添加一个yScale（在本例中，它将由

d3.scale.linear

构建，因为它是一个连续的数字刻度），并使y轴遵循与x轴类似的模式