mirrors/VChart
1
0
Fork 0
mirror of https://github.com/VisActor/VChart synced 2024-11-22 17:26:19 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

fix: filter mode error when roam in scrollbar and datazoom

Browse Source
This commit is contained in:
skie1997 2023-11-14 21:14:04 +08:00 committed by Weixing Zhang
parent e8a47007e2
commit 9790e7f53e
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
common/changes/@visactor/vchart/fix-datazoom-scrollbar-bug_2023-11-14-13-11.json Normal file
View File

@ -0,0 +1,10 @@
{
"changes": [
{
"packageName": "@visactor/vchart",
"comment": "fix: default realtime not effect in scrollbar and datazoom. fix#1462",
"type": "none"
}
],
"packageName": "@visactor/vchart"
}

12
packages/vchart/src/component/data-zoom/data-zoom/data-zoom.ts
View File

@ -17,6 +17,7 @@ import type { IDataZoomSpec } from './interface';
import { IFilterMode } from '../constant';
import { Factory } from '../../../core/factory';
import type { IZoomable } from '../../../interaction/zoom';
import type { CartesianAxis } from '../../axis/cartesian';
export class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilterBaseComponent<T> {
static type = ComponentTypeEnum.dataZoom;
@ -156,14 +157,19 @@ export class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilte
if (!this._stateScale || !this._valueScale) {
return;
}
let stateScaleRange;
const relatedAxisRange = (this._relatedAxisComponent as CartesianAxis<any>).getScale().range();
if (this._isHorizontal) {
this._stateScale.range([0, this._computeWidth() - handlerSize]);
stateScaleRange = this._visible ? [0, this._computeWidth() - handlerSize] : relatedAxisRange;
this._stateScale.range(stateScaleRange);
this._valueScale.range([this._computeHeight() - this._middleHandlerSize, 0]);
} else if (this.layoutOrient === 'left') {
this._stateScale.range([0, this._computeHeight() - handlerSize]);
stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : relatedAxisRange;
this._stateScale.range(stateScaleRange);
this._valueScale.range([this._computeWidth() - this._middleHandlerSize, 0]);
} else {
this._stateScale.range([0, this._computeHeight() - handlerSize]);
stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : relatedAxisRange;
this._stateScale.range(stateScaleRange);
this._valueScale.range([0, this._computeWidth() - this._middleHandlerSize]);
}