fix: thumbnail of dual-axes are out of sync (#3821)

Co-authored-by: anhaohui.ahh <[email protected]>

Author: moayuisuda

__tests__/unit/utils/pattern/line-spec.ts

@@ -29,7 +29,7 @@ describe('utils: line pattern', () => {
     drawLine(ctx, cfg as LinePatternCfg, d);
     // 传入的是呈现的位置
     expect(getPixelColor(canvas, 0, 0).hex).toEqual('#ff0000');
-    expect(getPixelColor(canvas, 0, height - 1).hex).toEqual('#ff0000');
+    expect(getPixelColor(canvas, 0, height - 1).hex).toEqual('#000000');
   });
 
   it('lineUnitPattern with strokeOpacity', () => {

src/plots/dual-axes/util/render-sider.ts

@@ -21,8 +21,8 @@ export const doSliderFilter = (view: View, sliderValue: [number, number]) => {
   const values = valuesOfKey(data, xScale.field);
   const xValues = isHorizontal ? values : values.reverse();
   const xTickCount = size(xValues);
-  const minIndex = Math.floor(min * (xTickCount - 1));
-  const maxIndex = Math.floor(max * (xTickCount - 1));
+  const minIndex = Math.round(min * (xTickCount - 1));
+  const maxIndex = Math.round(max * (xTickCount - 1));
 
   // 增加 x 轴的过滤器
   view.filter(xScale.field, (value: any) => {