小编gun*_*jan的帖子

如何在D3中更新堆栈条形图中的数据

我可以第一次填充堆积条形图,但我的要求是在按钮点击时使用新数据更新堆积条形图.点击按钮,即时调用后端并获取数据,请指导我如何更新堆积条形图.我的问题是将新数据传递给条形图.

 d3.json("http://myhost/ITLabourEffortChart/effort/effort",function(error, data){
    color.domain(d3.keys(data.effort[0]).filter(function(key) { 
        return key !== "qName"; }));
data.effort.forEach(function(d) {
var y0 = 0;
d.effortHr = color.domain().map(function(name) { 
    return {name: name, y0: y0, y1: y0 += +d[name]}; });

d.total = d.effortHr[d.effortHr.length - 1].y1;


});
x.domain(data.effort.map(function(d) { return d.qName; }));
y.domain([0, d3.max(data.effort, function(d) { 
    return d.total; })]);

svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);

svg.append("g")
  .attr("class", "y axis")
  .call(yAxis)
.append("text")
  .attr("transform", "rotate(-90)")
  .attr("y", 6)
  .attr("dy", ".71em")
  .style("text-anchor", "end")
  .text("FTE");

var state = svg.selectAll(".layer")
  .data(data.effort)
.enter().append("g") …
Run Code Online (Sandbox Code Playgroud)

stacked d3.js

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

标签 统计

d3.js ×1

stacked ×1