小编use*_*019的帖子

D3条形图到堆积条形图

嗨,我是 D3 的新手,我正在尝试将普通条形图转换为堆积条形图。

这是我的代码

var data = [4, 8, 15, 16, 23, 42, 200];

var height = 200;
var width = 200;
var barWidth = 35;
var barOffset = 5;

var myChart = d3.select(".chart").append('svg')
.attr('width', width)
.attr('height', height)
.style("background", "grey")
.selectAll('rect')
.data(data)
.enter().append('rect').
style("fill", "blue")
.attr("width", barWidth)
.attr("height", function(d){ return d;})
.attr('x', function(d, i) 
      { return i *(barWidth + barOffset);})
.attr('y', function(d){
  return height - d;
});
Run Code Online (Sandbox Code Playgroud)

任何帮助或暗示正确方向将不胜感激。

javascript charts bar-chart d3.js stacked-chart

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

标签 统计

bar-chart ×1

charts ×1

d3.js ×1

javascript ×1

stacked-chart ×1