You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by ov...@apache.org on 2021/08/24 05:41:06 UTC

[echarts] branch fix-polar created (now 090efb2)

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

ovilia pushed a change to branch fix-polar
in repository https://gitbox.apache.org/repos/asf/echarts.git.


      at 090efb2  fix(polar): wrong sector clockwise when previous data is 0 #15517

This branch includes the following new commits:

     new 090efb2  fix(polar): wrong sector clockwise when previous data is 0 #15517

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


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


[echarts] 01/01: fix(polar): wrong sector clockwise when previous data is 0 #15517

Posted by ov...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

ovilia pushed a commit to branch fix-polar
in repository https://gitbox.apache.org/repos/asf/echarts.git

commit 090efb2bd120dc0157478cdd8444f3f879152247
Author: Ovilia <zw...@gmail.com>
AuthorDate: Tue Aug 24 13:40:07 2021 +0800

    fix(polar): wrong sector clockwise when previous data is 0 #15517
---
 src/chart/bar/BarView.ts |  2 +-
 test/line-animation.html | 62 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 63 insertions(+), 1 deletion(-)

diff --git a/src/chart/bar/BarView.ts b/src/chart/bar/BarView.ts
index e4be916..e790bbc 100644
--- a/src/chart/bar/BarView.ts
+++ b/src/chart/bar/BarView.ts
@@ -750,7 +750,7 @@ const elementCreator: {
         // direction. Notice that if clockwise is true (by default), the sector
         // will always draw clockwisely, no matter whether endAngle is greater
         // or less than startAngle.
-        const clockwise = layout.startAngle < layout.endAngle;
+        const clockwise = layout.startAngle <= layout.endAngle;
 
         const ShapeClass = (!isRadial && roundCap) ? Sausage : Sector;
 
diff --git a/test/line-animation.html b/test/line-animation.html
index 011fd69..fd9cdec 100644
--- a/test/line-animation.html
+++ b/test/line-animation.html
@@ -49,6 +49,8 @@ under the License.
             }
         </style>
 
+        <div class="chart" id="main3"></div>
+
         <button onclick="change()">CHANGE</button>
         <div class="chart" id="main2"></div>
 
@@ -400,6 +402,66 @@ under the License.
         </script>
 
 
+        <script>
+
+            require([
+                'echarts'
+            ], function (echarts) {
+                var chart = echarts.init(document.getElementById('main3'), null, {
+                    renderer: 'svg'
+                });
+                option = {
+                    title: [
+                        {
+                            text: '0',
+                            x: 'center',
+                            top: '48%',
+                        },
+                    ],
+                    polar: {
+                        radius: ['65%', '80%'],
+                        center: ['50%', '50%'],
+                    },
+                    angleAxis: {
+                        max: 100,
+                        clockwise: true,
+                        axisLine: {
+                            show: true,
+                        },
+                    },
+                    radiusAxis: {
+                        type: 'category',
+                        show: true,
+                    },
+                    series: [
+                        {
+                            name: '',
+                            type: 'bar',
+                            roundCap: true,
+
+                            showBackground: true,
+                            backgroundStyle: {
+                                color: 'rgba(180, 180, 180, 0.2)',
+                            },
+                            data: [0],
+                            coordinateSystem: 'polar',
+                        },
+                    ],
+                    animation: 0
+                };
+
+                chart.setOption(option);
+
+                setTimeout(function() {
+                    option.series[0].data[0] = 30;
+                    option.title[0].text = option.series[0].data[0];
+                    chart.setOption(option, true);
+                }, 0);
+
+            });
+
+        </script>
+
 
     </body>
 </html>
\ No newline at end of file

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