-
Notifications
You must be signed in to change notification settings - Fork 83
Open
Description
I'm using d3.chart as my bar chart.
When I changed my data through 'push', and seems every function is called well. (only 'update' function is not called, dont know why)
but my chart is not deleted, over-draw on it.
what am i missing.
this is my part of code
insert: function() {
var chart = this.chart();
console.log("insert");
return this.append('rect')
.attr('fill', 'blue')
.attr('width', chart.xScale.rangeBand());
},
events: {
enter: function() {
var chart = this.chart();
console.log("enter", data);
console.log(chart);
return this
.attr('x', function(d) { return chart.xScale(d.name); })
.attr('y', function(d) { return chart.yScale(d3.max([0, d.value])); })
.attr('height', function(d) { return Math.abs(chart.yScale(d.value) - chart.yScale(0)); })
.attr('width', chart.xScale.rangeBand())
.attr('fill', function(d) {return chart._color(d.name);})
.on("mouseover", function(d) { console.log(d); chart._callback_mouseover(d); });
},
merge: function () {
console.log("merge");
var chart = this.chart();
console.log(this);
return this
.attr('x', function(d) { console.log(chart.xScale(d.name)); return chart.xScale(d.name); })
.attr('y', function(d) { return chart.yScale(d3.max([0, d.value])); })
.attr('width', chart.xScale.rangeBand())
.attr('height', function(d) { return Math.abs(chart.yScale(d.value) - chart.yScale(0)); })
.attr('fill', function(d) {return chart._color(d.name);})
.on("mouseover", function(d) { console.log(d); chart._callback_mouseover(d); });
}
}
Metadata
Metadata
Assignees
Labels
No labels


