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 4e6bc423852cb9fa56fd757e2d59054fda82dc53..a6689110f4804d3782793e66a5707f2783fb7585 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 abda1f85a7f479a5189ca28114d2c81b37d21c02..0edf3e57c99ed46506e76d4c8f9e9b97db46f811 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,