小编Dia*_*onW的帖子

使用nvd3库显示单个系列多条形图

在此输入图像描述有谁知道如何将多条形图作为单个系列?在一个工作示例中,我已经看到了我希望我的图形看起来如何,这个函数被用于数据.

function dataFactory(seriesNum, perSeries) {
return new d3.range(0,seriesNum).map(function(d,i) { return {
key: 'Stream ' + i,
values: new d3.range(0,perSeries).map( function(f,j) {
  return { 
           y: 10 + Math.random()*100,
           x: j
         }
})
};  
});
}
Run Code Online (Sandbox Code Playgroud)

下面是我正在使用的代码,我还会上传一张图片,这样你就可以看到我的标签处于关闭位置,因为它不是单个系列.

function loadBar(){ 
$.getJSON('data5.json', function (json) {
var data1 = [];
for (var key in json) {
    if (json.hasOwnProperty(key)) {
        var item = json[key];
        data1.push({
            key: item.key,
            values: item.values
        });            
    }
}

var chart;
nv.addGraph(function() {
chart = nv.models.multiBarChart()
  .color(d3.scale.category10().range())
  .margin({bottom: 100})
  .transitionDuration(300)
  .delay(0)
  //.rotateLabels(45)
  ; …
Run Code Online (Sandbox Code Playgroud)

javascript nvd3.js

4
推荐指数
1
解决办法
7573
查看次数

如何在nvd3中为离散条形图添加图例?

我目前正在尝试使用nvd3来构建条形图,到目前为止,离散条形图具有我需要的一切.但是,我正在努力尝试像其他图形一样添加图例.我已经做了类似的更改,在discreteBarGraph.js文件中添加了一个图例,但显然我错过了一些东西.有人对这个有经验么?谢谢.

javascript d3.js nvd3.js

1
推荐指数
1
解决办法
4723
查看次数

标签 统计

javascript ×2

nvd3.js ×2

d3.js ×1