[Perl] DAQ system for the FAPG.
Make chart tooltip less intrusive.
roles/dashboard/public/js/dashboard/charts.js
@@ -88,7 +88,20 @@
88
88
}));
89
89
}
90
90
91
Added:
function registerTopLeftTooltipPositioner() {
92
Added:
if (Chart.Tooltip.positioners.dashboardTopLeft) return;
93
Added:
94
Added:
Chart.Tooltip.positioners.dashboardTopLeft = function () {
95
Added:
return {
96
Added:
x: this.chart.chartArea.left,
97
Added:
y: this.chart.chartArea.top
98
Added:
};
99
Added:
};
100
Added:
}
101
Added:
91
102
function createChart(canvas, series, trendLabel, yBounds, timeframe) {
103
Added:
registerTopLeftTooltipPositioner();
104
Added:
92
105
return new Chart(canvas, {
93
106
type: "line",
94
107
data: {
@@ -133,7 +146,14 @@
133
146
},
134
147
plugins: {
135
148
legend: { display: true, labels: { filter: item => item.datasetIndex !== 0 } },
136
Removed:
tooltip: { mode: "index", intersect: false }
149
Added:
tooltip: {
150
Added:
mode: "index",
151
Added:
intersect: false,
152
Added:
position: "dashboardTopLeft",
153
Added:
xAlign: "left",
154
Added:
yAlign: "top",
155
Added:
caretSize: 0
156
Added:
}
137
157
}
138
158
}
139
159
});