nvd3 + discreteBarChart +在图表中添加一行

时间:2014-03-13 21:28:51

标签: nvd3.js

在nvd3中使用discreteBarChart这是jsfiddle

中的基本示例

我已经创建了这个条形图,并且我已经将我的数据提供给它,看起来像这样:

var data = [
  {
    key: "KPI_NAME",
    values: [
      { 
        "label" : "A" ,
        "value" : -29.765957771107,
          "series" : 0
      } , 
      { 
        "label" : "B" , 
        "value" : 0,
          "series" : 0
      } , 
      { 
        "label" : "C" , 
        "value" : 32.807804682612,
          "series" : 0
      } , 
      { 
        "label" : "D" , 
        "value" : 196.45946739256,
       "series" : 0
      } , 
      { 
        "label" : "E" ,
        "value" : 0.19434030906893,
       "series" : 0
      } , 
      { 
        "label" : "F" , 
        "value" : -98.079782601442,
       "series" : 0
      } , 
      { 
        "label" : "G" , 
        "value" : -13.925743130903,
       "series" : 0
      } , 
      { 
        "label" : "H" , 
        "value" : -5.138732287,
       "series" : 0
      }
    ]
  }
]

请参阅jsfiddle example - >这是系列为我的数据对象添加“series:0”。这就是我创建对象的方式,不会影响图形。

现在我已经为我的数据Feed添加了另一个系列,我想要做的是在图表中有一个恒定的行但是我在这个example中得到了以下内容(这是在我的第二个系列中添加的数据对象)

有没有我可以让第二个系列成为一条线,所以我会在顶部有一个恒定线,值为98?

注意:提供此图表的数据可能格式更好,但我只是尝试重复使用已有的数据。

0 个答案:

没有答案