You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by sh...@apache.org on 2020/07/27 03:34:11 UTC

[incubator-echarts] branch next updated: dataZoom: tweak move handle style

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

shenyi pushed a commit to branch next
in repository https://gitbox.apache.org/repos/asf/incubator-echarts.git


The following commit(s) were added to refs/heads/next by this push:
     new f741580  dataZoom: tweak move handle style
f741580 is described below

commit f741580407d4666190229f36d15112182ce7a986
Author: pissang <bm...@gmail.com>
AuthorDate: Mon Jul 27 11:33:58 2020 +0800

    dataZoom: tweak move handle style
---
 src/component/dataZoom/SliderZoomModel.ts | 6 +++---
 src/component/dataZoom/SliderZoomView.ts  | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/component/dataZoom/SliderZoomModel.ts b/src/component/dataZoom/SliderZoomModel.ts
index 4977c17..fea03d0 100644
--- a/src/component/dataZoom/SliderZoomModel.ts
+++ b/src/component/dataZoom/SliderZoomModel.ts
@@ -169,8 +169,8 @@ class SliderZoomModel extends DataZoomModel<SliderDataZoomOption> {
             }
         },
 
-
-        fillerColor: 'rgba(135,175,274,0.2)',     // Color of selected area.
+        // Color of selected window.
+        fillerColor: 'rgba(135,175,274,0.2)',
         handleIcon: 'path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z',
         // Percent of the slider height
         handleSize: '100%',
@@ -181,7 +181,7 @@ class SliderZoomModel extends DataZoomModel<SliderDataZoomOption> {
         },
 
         moveHandleSize: 7,
-        moveHandleIcon: 'path://M15 15.984q0.797 0 1.406 0.609t0.609 1.406-0.609 1.406-1.406 0.609-1.406-0.609-0.609-1.406 0.609-1.406 1.406-0.609zM15 9.984q0.797 0 1.406 0.609t0.609 1.406-0.609 1.406-1.406 0.609-1.406-0.609-0.609-1.406 0.609-1.406 1.406-0.609zM15 8.016q-0.797 0-1.406-0.609t-0.609-1.406 0.609-1.406 1.406-0.609 1.406 0.609 0.609 1.406-0.609 1.406-1.406 0.609zM9 3.984q0.797 0 1.406 0.609t0.609 1.406-0.609 1.406-1.406 0.609-1.406-0.609-0.609-1.406 0.609-1.406 1.406-0.609zM9 [...]
+        moveHandleIcon: 'path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z',
         moveHandleStyle: {
             color: '#D2DBEE',
             opacity: 0.7
diff --git a/src/component/dataZoom/SliderZoomView.ts b/src/component/dataZoom/SliderZoomView.ts
index 3643432..5fc07a7 100644
--- a/src/component/dataZoom/SliderZoomView.ts
+++ b/src/component/dataZoom/SliderZoomView.ts
@@ -616,7 +616,7 @@ class SliderZoomView extends DataZoomView {
                 silent: true,
                 shape: {
                     r: [0, 0, 2, 2],
-                    y: size[1],
+                    y: size[1] - 0.5,
                     height: moveHandleHeight
                 }
             });
@@ -628,7 +628,7 @@ class SliderZoomView extends DataZoomView {
                 true
             );
             moveHandleIcon.silent = true;
-            moveHandleIcon.y = size[1] + moveHandleHeight / 2;
+            moveHandleIcon.y = size[1] + moveHandleHeight / 2 - 0.5;
 
             moveHandle.ensureState('emphasis').style = dataZoomModel.getModel(
                 ['emphasis', 'moveHandleStyle']


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