blacklight/gpstracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed yAxisID for altitude.

Browse source
This commit is contained in:
Fabio Manganiello 2025-02-27 23:57:54 +01:00
parent 2e6f1b9d53
commit e68fd8303c
Signed by: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 5 additions and 3 deletions

8
frontend/src/components/Timeline.vue
View file

@ -122,6 +122,7 @@ export default {
borderColor: '#5959a8',
fill: false,
data: this.points.map((point: GPSPoint) => point.altitude),
yAxisID: 'meters',
}
)
}
@ -129,11 +130,11 @@ export default {
if (this.showMetrics.distance) {
datasets.push(
{
label: 'Distance (m)',
label: 'Distance (' + (this.showMetrics.altitude ? '' : 'k') + 'm)',
backgroundColor: '#f87979',
borderColor: '#a85959',
fill: false,
data: this.distances,
data: this.showMetrics.altitude ? this.distances : this.distances.map((distance: number) => distance / 1000),
yAxisID: 'meters',
}
)
@ -171,6 +172,7 @@ export default {
text.push('Distance')
}
const unit = this.showMetrics.altitude ? 'm' : 'km'
yAxes.meters = {
type: 'linear',
position: 'left',
@ -180,7 +182,7 @@ export default {
},
title: {
display: true,
text: text.join(' / ') + ' (m)',
text: text.join(' / ') + ` (${unit})`,
}
}
}