Skip to content

C
c3-closed
Commit 4fb7a341 authored by Masayuki Tanaka's avatar Masayuki Tanaka Committed by masayuki
Browse files
Options

Fix animation

parent 742dced7
Hide whitespace changes
Inline Side-by-side
Showing with 8 additions and 10 deletions
c3.js
View file @ 4fb7a341
......@@ -1006,11 +1006,11 @@
// lines and cricles
main.selectAll('.target-line')
.transition().duration(withTransition ? 100 : 0)
.transition().duration(withTransition ? 250 : 0)
.attr("d", lineOnMain)
mainCircle = main.selectAll('.target-circles').selectAll('.target-circle')
.data(lineData)
mainCircle.transition().duration(withTransition ? 100 : 0)
mainCircle.transition().duration(withTransition ? 250 : 0)
.attr("cx", function(d){ return x(d.x) })
.attr("cy", function(d){ return y(d.value) })
mainCircle.enter().append("circle")
......@@ -1027,24 +1027,22 @@
barY = getBarY(y)
mainBar = main.selectAll('.target-bars').selectAll('.target-bar')
.data(barData)
mainBar.transition().duration(withTransition ? 100 : 0)
mainBar.transition().duration(withTransition ? 250 : 0)
.attr("x", barX).attr("y", barY).attr("width", barW).attr("height", barH)
mainBar.enter().append('rect')
.attr("class", function(d,i){ return "target-bar target-bar-" + i })
.attr("x", barX).attr("y", height).attr("width", barW).attr("height", 0)
.attr("x", barX).attr("y", barY).attr("width", barW).attr("height", barH)
.style("opacity", 0)
.transition().duration(withTransition ? 100 : 0)
.attr('y', barY).attr('height', barH)
.transition().duration(withTransition ? 250 : 0)
.style('opacity', 1)
mainBar.exit().transition().duration(withTransition ? 100 : 0)
.attr('y', height).attr('height', 0)
mainBar.exit().transition().duration(withTransition ? 250 : 0)
.style('opacity', 0)
.remove()
// subchart
if (withSubchart && __subchart_show) {
context.selectAll('.target-line')
.transition().duration(withTransition ? 100 : 0)
.transition().duration(withTransition ? 250 : 0)
.attr("d", lineOnSub)
// bars
......@@ -1054,7 +1052,7 @@
barY = getBarY(y2)
contextBar = context.selectAll('.target-bars').selectAll('.target-bar')
.data(barData)
contextBar.transition().duration(withTransition ? 100 : 0)
contextBar.transition().duration(withTransition ? 250 : 0)
.attr("x", barX).attr("y", barY).attr("width", barW).attr("height", barH)
contextBar.enter().append('rect')
.attr("class", function(d,i){ return "target-bar target-bar-" + i })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment