---
title: Dateien und Statistiken
---

<script lang="ts">
    import { ChartNoAxesColumn } from '@lucide/svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import ElevationProfile from '$lib/components/elevation-profile/ElevationProfile.svelte';
    import GPXStatistics from '$lib/components/GPXStatistics.svelte';
    import { exampleGPXFile } from '$lib/assets/example';
    import { writable } from 'svelte/store';

    let gpxStatistics = writable(exampleGPXFile.getStatistics());
    let slicedGPXStatistics = writable(undefined);
    let additionalDatasets = writable(['speed', 'atemp']);
    let elevationFill = writable(undefined);
</script>

# { title }

## Datei Manager

Sobald Sie [opened](./menu/file) Dateien haben, werden diese als Tabs in der Dateiliste am unteren Rand der Karte angezeigt.
Sie können sie neu ordnen, indem Sie die Tabs ziehen und löschen.
Und wenn viele Dateien geöffnet sind, können Sie durch die Liste der Tabs scrollen, um zwischen ihnen zu navigieren.

<DocsNote>

Wenn Sie eine Maus verwenden, müssen Sie <kbd>Shift</kbd> gedrückt halten, um horizontal zu scrollen.

</DocsNote>

### Auswahl der Datei

Wenn du auf einen Tab klickst, kannst du zwischen den Dateien wechseln, um deren Statistiken zu überprüfen, und [Aktionen bearbeiten](./menu/edit) und [tools](./toolbar) auf sie anwenden.
Wenn Sie die <kbd>Strg/Strg/Cmd</kbd> Taste gedrückt halten, können Sie Dateien zur Auswahl hinzufügen oder sie entfernen und durch Halten von <kbd>Shift</kbd>können Sie eine Reihe von Dateien auswählen.
Die meisten [Bearbeitung](./menu/edit) und [tools](./toolbar) können auf mehrere Dateien gleichzeitig angewendet werden.

<DocsNote>

Sie können auch mit den Pfeiltasten auf Ihrer Tastatur durch die Dateien navigieren und mit <kbd>Shift</kbd> Dateien zur Auswahl hinzufügen.

</DocsNote>

### Bearbeite Aktionen

Wenn du mit der rechten Maustaste auf einen Datei-Tab klickst, kannst du auf die gleichen Aktionen wie im [Bearbeiten-Menü](./menu/edit) zugreifen.

### Dateipfadlayout

Wie schon in den Anzeigeoptionen (/Menü/Ansicht) erwähnt, kann man das Layout des Dateibaums für die Dateienliste anpassen.
Dieses Layout eignet sich am besten um für eine große Anzahl von Dateien, da es diese in einer vertikalen Liste auf der rechten Seite der Karte anordnet.
Darüber hinaus ermöglicht die Dateibaumansicht die Prüfung der [Tracks, Segmente, und Punkte von Interesse](./gpx), die in den Dateien durch zusammenklappbare Abschnitte enthalten sind.

Du kannst auch [Bearbeiten von Aktionen](./menu/edit) und [tools](./toolbar) auf interne Dateielemente anwenden.
Außerdem können Sie die inneren Elemente per Drag & Drop verschieben, um sie neu zu ordnen oder in die Hierarchie oder sogar in eine andere Datei zu verschieben.

<DocsNote>

Die Größe der Dateiliste kann durch Ziehen des Trenners zwischen Karte und Dateiliste angepasst werden.

</DocsNote>

## Höhenprofil und Statistiken

Am unteren Rand der Schnittstelle finden Sie das Höhenprofil und die Statistiken für die aktuelle Auswahl.

<DocsNote>

Die Größe des Höhenprofils kann durch Ziehen des Trenners zwischen Karte und Höhenprofil angepasst werden.

</DocsNote>

### Interaktive Statistiken

Wenn Sie mit dem Mauszeiger über das Höhenprofil fahren, zeigt ein Tooltip die Statistiken an der Cursorposition an.

Um die Statistiken für einen bestimmten Abschnitt des Höhenprofils zu erhalten, können Sie ein Auswahlrechteck auf das Profil ziehen.
Klicken Sie auf das Profil, um die Auswahl zurückzusetzen.

Sie können auch das Mausrad verwenden, um auf dem Höhenprofil heranzuzoomen und bewegen Sie sich nach links und rechts, indem Sie das Profil ziehen, während Sie die Taste <kbd>Shift</kbd> gedrückt halten.

<div class="h-48 w-full">
    <ElevationProfile
        {gpxStatistics}
        {slicedGPXStatistics}
        {additionalDatasets}
        {elevationFill}
    />
</div>
<div class="flex flex-col items-center -mt-6">
    <div class="h-10 w-fit">
        <GPXStatistics
            {gpxStatistics}
            {slicedGPXStatistics}
            panelSize={120}
            orientation={'horizontal'}
        />
    </div>
</div>

### Zusätzliche Daten

Mit dem <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> Button unten rechts im Höhenprofil können Sie optional das Höhenprofil einfärben:

- **slope** Informationen berechnet aus den Höhendaten oder
- **Oberfläche** oder **Kategorie** Daten aus <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> tags.
  Dies ist nur für Dateien verfügbar, die mit **gpx.studio** erstellt wurden.

Wenn deine Auswahl sie enthält, kannst du auch folgende Daten im Höhenprofil anzeigen: **Geschwindigkeit**, **Herzfrequenz**, **cadence**, **Temperatur** und **Kraft** Daten.
