在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?
注意:提供此图表的数据可能格式更好,但我只是尝试重复使用已有的数据。