Skip to content

C
c3-closed
Commit 0121bb7e authored by Masayuki Tanaka's avatar Masayuki Tanaka
Browse files
Options

Fix transition

parent 7f4e03c6
Show whitespace changes
Inline Side-by-side
Showing with 6 additions and 1 deletion
c3.js
View file @ 0121bb7e
...@@ -3674,6 +3674,7 @@ ...@@ -3674,6 +3674,7 @@
.attr('class', classChartText); .attr('class', classChartText);
mainTextEnter = mainTextUpdate.enter().append('g') mainTextEnter = mainTextUpdate.enter().append('g')
.attr('class', classChartText) .attr('class', classChartText)
.style('opacity', 0)
.style("pointer-events", "none"); .style("pointer-events", "none");
mainTextEnter.append('g') mainTextEnter.append('g')
.attr('class', classTexts) .attr('class', classTexts)
...@@ -3685,6 +3686,7 @@ ...@@ -3685,6 +3686,7 @@
.attr('class', classChartBar); .attr('class', classChartBar);
mainBarEnter = mainBarUpdate.enter().append('g') mainBarEnter = mainBarUpdate.enter().append('g')
.attr('class', classChartBar) .attr('class', classChartBar)
.style('opacity', 0)
.style("pointer-events", "none"); .style("pointer-events", "none");
// Bars for each data // Bars for each data
mainBarEnter.append('g') mainBarEnter.append('g')
...@@ -3699,6 +3701,7 @@ ...@@ -3699,6 +3701,7 @@
.attr('class', classChartLine); .attr('class', classChartLine);
mainLineEnter = mainLineUpdate.enter().append('g') mainLineEnter = mainLineUpdate.enter().append('g')
.attr('class', classChartLine) .attr('class', classChartLine)
.style('opacity', 0)
.style("pointer-events", "none"); .style("pointer-events", "none");
// Lines for each data // Lines for each data
mainLineEnter.append("path") mainLineEnter.append("path")
...@@ -3789,6 +3792,7 @@ ...@@ -3789,6 +3792,7 @@
.data(targets) .data(targets)
.attr('class', classChartBar); .attr('class', classChartBar);
contextBarEnter = contextBarUpdate.enter().append('g') contextBarEnter = contextBarUpdate.enter().append('g')
.style('opacity', 0)
.attr('class', classChartBar); .attr('class', classChartBar);
// Bars for each data // Bars for each data
contextBarEnter.append('g') contextBarEnter.append('g')
...@@ -3800,6 +3804,7 @@ ...@@ -3800,6 +3804,7 @@
.data(targets) .data(targets)
.attr('class', classChartLine); .attr('class', classChartLine);
contextLineEnter = contextLineUpdate.enter().append('g') contextLineEnter = contextLineUpdate.enter().append('g')
.style('opacity', 0)
.attr('class', classChartLine); .attr('class', classChartLine);
// Lines for each data // Lines for each data
contextLineEnter.append("path") contextLineEnter.append("path")
...@@ -3812,7 +3817,7 @@ ...@@ -3812,7 +3817,7 @@
// Fade-in each chart // Fade-in each chart
svg.selectAll('.' + CLASS.target).filter(function (d) { return isTargetToShow(d.id); }) svg.selectAll('.' + CLASS.target).filter(function (d) { return isTargetToShow(d.id); })
.transition() .transition().duration(750)
.style("opacity", 1); .style("opacity", 1);
} }
......
c3.min.js
View file @ 0121bb7e
This source diff could not be displayed because it is too large. You can view the blob instead.
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