From 4eb6a45cae450d3ec4cc6a15472f889065316e05 Mon Sep 17 00:00:00 2001 From: "mathias.chouet" <mathias.chouet@irstea.fr> Date: Fri, 12 Jul 2019 15:05:52 +0200 Subject: [PATCH] Zoom on charts: adjusted drag rectangle color (darker gray) --- .../pab-profile-graph/pab-profile-graph.component.ts | 6 +++++- src/app/components/results-graph/results-graph.component.ts | 6 +++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/app/components/pab-profile-graph/pab-profile-graph.component.ts b/src/app/components/pab-profile-graph/pab-profile-graph.component.ts index 4e6bc4238..a6689110f 100644 --- a/src/app/components/pab-profile-graph/pab-profile-graph.component.ts +++ b/src/app/components/pab-profile-graph/pab-profile-graph.component.ts @@ -97,7 +97,11 @@ export class PabProfileGraphComponent extends ResultsComponent { }, zoom: { enabled: true, - drag: true, // conflicts with pan; set to false to enable mouse wheel zoom + drag: { // conflicts with pan; set to false to enable mouse wheel zoom, + borderColor: "rgba(225,225,225,0.3)", + borderWidth: 1, + backgroundColor: "rgba(0,0,0,0.25)" + }, mode: "xy", // percentage of zoom on a wheel event // speed: 0.1, diff --git a/src/app/components/results-graph/results-graph.component.ts b/src/app/components/results-graph/results-graph.component.ts index abda1f85a..0edf3e57c 100644 --- a/src/app/components/results-graph/results-graph.component.ts +++ b/src/app/components/results-graph/results-graph.component.ts @@ -74,7 +74,11 @@ export class ResultsGraphComponent extends ResultsComponent implements AfterCont }, zoom: { enabled: true, - drag: true, // conflicts with pan; set to false to enable mouse wheel zoom + drag: { // conflicts with pan; set to false to enable mouse wheel zoom, + borderColor: "rgba(225,225,225,0.3)", + borderWidth: 1, + backgroundColor: "rgba(0,0,0,0.25)" + }, mode: "xy", // percentage of zoom on a wheel event // speed: 0.1, -- GitLab