You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by su...@apache.org on 2020/06/02 17:54:37 UTC

[incubator-echarts] 07/10: feature: support axis label/tick animation on polar radius axis, the same as cartesian axis.

This is an automated email from the ASF dual-hosted git repository.

sushuang pushed a commit to branch custom-series-enhance
in repository https://gitbox.apache.org/repos/asf/incubator-echarts.git

commit a631dba659430989d131a2030d8f70c361173175
Author: 100pah <su...@gmail.com>
AuthorDate: Thu May 21 22:34:59 2020 +0800

    feature: support axis label/tick animation on polar radius axis, the same as cartesian axis.
---
 src/component/axis/RadiusAxisView.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/component/axis/RadiusAxisView.ts b/src/component/axis/RadiusAxisView.ts
index e40abeb..439953f 100644
--- a/src/component/axis/RadiusAxisView.ts
+++ b/src/component/axis/RadiusAxisView.ts
@@ -42,11 +42,18 @@ class RadiusAxisView extends AxisView {
 
     axisPointerClass = 'PolarAxisPointer';
 
+    private _axisGroup: graphic.Group;
+
     render(radiusAxisModel: RadiusAxisModel, ecModel: GlobalModel) {
         this.group.removeAll();
         if (!radiusAxisModel.get('show')) {
             return;
         }
+
+        const oldAxisGroup = this._axisGroup;
+        const newAxisGroup = this._axisGroup = new graphic.Group();
+        this.group.add(newAxisGroup);
+
         const radiusAxis = radiusAxisModel.axis;
         const polar = radiusAxis.polar;
         const angleAxis = polar.getAngleAxis();
@@ -58,7 +65,9 @@ class RadiusAxisView extends AxisView {
         const layout = layoutAxis(polar, radiusAxisModel, axisAngle);
         const axisBuilder = new AxisBuilder(radiusAxisModel, layout);
         zrUtil.each(axisBuilderAttrs, axisBuilder.add, axisBuilder);
-        this.group.add(axisBuilder.getGroup());
+        newAxisGroup.add(axisBuilder.getGroup());
+
+        graphic.groupTransition(oldAxisGroup, newAxisGroup, radiusAxisModel);
 
         zrUtil.each(selfBuilderAttrs, function (name) {
             if (radiusAxisModel.get([name, 'show']) && !radiusAxis.scale.isBlank()) {


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org