jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 10:16:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve chart zoom (#23326)

Browse Source
This commit is contained in:
Petar Petrov 2024-12-18 16:50:34 +02:00 committed by GitHub
parent ba3d37b550
commit 8a46ef6168
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/chart/ha-chart-base.ts
View File

@ -372,6 +372,9 @@ export class HaChartBase extends LitElement {
const modifierKey = isMac ? "meta" : "ctrl";
return {
maintainAspectRatio: false,
animation: {
duration: 500,
},
...this.options,
plugins: {
...this.options?.plugins,
@ -396,14 +399,24 @@ export class HaChartBase extends LitElement {
drag: {
enabled: true,
modifierKey,
threshold: 2,
},
wheel: {
enabled: true,
modifierKey,
speed: 0.05,
},
mode: "x",
onZoomComplete: () => {
this._isZoomed = this.chart?.isZoomedOrPanned() ?? false;
const isZoomed = this.chart?.isZoomedOrPanned() ?? false;
if (this._isZoomed && !isZoomed) {
setTimeout(() => {
// make sure the scales are properly reset after full zoom out
// they get bugged when zooming in/out multiple times and panning
this.chart?.resetZoom();
});
}
this._isZoomed = isZoomed;
},
},
limits: {