---
title: Файлы и статистика
---

<script lang="ts">
    import { ChartNoAxesColumn } from 'lucide-svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import ElevationProfile from '$lib/components/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<'slope' | 'surface' | undefined>(undefined);
</script>

# { title }

## Список файлов

После того как вы [откроете](./menu/file) файлы, они будут отображаться в виде вкладок в списке файлов, расположенном внизу карты.
Вы можете изменить их порядок, перетаскивая вкладки.
И когда открыто множество файлов, вы можете прокручивать список вкладок, чтобы перемещаться между ними.

<DocsNote>

При использовании мыши, для горизонтальной прокрутки необходимо удерживать клавишу <kbd>Shift</kbd>.

</DocsNote>

### Выбор файла

Нажав на вкладку, вы можете переключаться между файлами, чтобы просмотреть их статистику и применить [действия редактирования](./menu/edit) и [инструменты](./toolbar) к ним.
Удерживая клавишу <kbd>Ctrl/Cmd</kbd>, вы можете добавить файлы в выборку или удалить их, а удерживая <kbd>Shift</kbd>, вы можете выбрать диапазон файлов.
Большинство [действий редактирования](./menu/edit) и [инструментов](./toolbar) можно применять к нескольким файлам одновременно.

<DocsNote>

Вы также можете перемещаться по файлам с помощью стрелок на клавиатуре и использовать <kbd>Shift</kbd>, чтобы добавлять файлы в выборку.

</DocsNote>

### Редактировать действия

Щелкнув правой кнопкой мыши на вкладке файла, вы можете получить доступ к тем же действиям, что и в [меню редактирования](./menu/edit).

### Tree layout

As mentioned in the [view options section](./menu/view), you can switch to a tree layout for the files list.
This layout is ideal for managing a large number of open files, as it organizes them into a vertical list on the right side of the map.
In addition, the file tree view enables you to inspect the [tracks, segments, and points of interest](./gpx) contained inside the files through collapsible sections.

Вы также можете применять [действия редактирования](./menu/edit) и [инструменты](./toolbar) к внутренним элементам файла.
Кроме того, вы можете перетаскивать внутренние элементы, чтобы изменить их порядок, перемещать их в иерархии или даже в другой файл.

<DocsNote>

Размер списка файлов можно настроить, перетаскивая разделитель между картой и списком файлов.

</DocsNote>

## Профиль и статистика высот

Внизу интерфейса вы можете найти профиль высоты и статистику для текущего выбора.

<DocsNote>

Размер профиля высоты можно настроить, перетаскивая разделитель между картой и профилем высоты.

</DocsNote>

### Интерактивная статистика

При наведении курсора на профиль высоты появится подсказка с данными статистики в позиции курсора.

Чтобы получить статистику для конкретного сегмента профиля высоты, вы можете перетащить выделяющий прямоугольник на профиле.
Нажмите на профиль, чтобы сбросить выделение.

Вы также можете использовать колесо мыши для увеличения и уменьшения масштаба профиля высоты, а перемещаться влево и вправо, перетаскивая профиль, удерживая клавишу <kbd>Shift</kbd>.

<div class="h-48 w-full">
    <ElevationProfile
        {gpxStatistics}
        {slicedGPXStatistics}
        additionalDatasets={$additionalDatasets}
        elevationFill={$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>

### Additional data

Using the <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> button at the bottom-right of the elevation profile, you can optionally color the elevation profile by:

- **slope** information computed from the elevation data, or
- **surface** or **category** data coming from <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.
  This is only available for files created with **gpx.studio**.

If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.
