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 <zwl.s...@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-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org