fix(slider,scrollbar): 修复slider 、scrollbar values 排序错误的问题 (#3773)

Co-authored-by: ai-qing-hai <wb-xcf804241@antgroup.com>
antvis · Jan 6, 2022 · 6e84c44 · 6e84c44
1 parent c799546
commit 6e84c44
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/chart/controller/scrollbar.ts b/src/chart/controller/scrollbar.ts
@@ -242,7 +242,7 @@ export default class Scrollbar extends Controller<ScrollbarOption> {
     const values = valuesOfKey(this.data, this.xScaleCfg.field);
 
     // 如果是 xScale 数值类型，则进行排序
-    const xScaleValues = this.view.getXScale().isLinear ? values.sort() : values;
+    const xScaleValues = this.view.getXScale().isLinear ? values.sort((a, b) => Number(a) - Number(b)) : values;
 
     const xValues = isHorizontal ? xScaleValues : xScaleValues.reverse();
     this.yScalesCfg.forEach((cfg) => {

diff --git a/src/chart/controller/slider.ts b/src/chart/controller/slider.ts
@@ -273,7 +273,7 @@ export default class Slider extends Controller<SliderOption> {
     const xScale = this.view.getXScale();
     const isHorizontal = true;
     let values = valuesOfKey(data, xScale.field);
- 
+
     // 如果是 xScale 数值类型，则进行排序
     if (xScale.isLinear) {
       values = values.sort();
@@ -322,8 +322,8 @@ export default class Slider extends Controller<SliderOption> {
     const values = valuesOfKey(data, xScale.field);
 
     // 如果是 xScale 数值类型，则进行排序
-    const xScaleValues = this.view.getXScale().isLinear ? values.sort() : values;
-  
+    const xScaleValues = this.view.getXScale().isLinear ? values.sort((a, b) => Number(a) - Number(b)) : values;
+
     const xValues = isHorizontal ? xScaleValues : xScaleValues.reverse();
     const xTickCount = size(xValues);