024. Avalonia UI - Live Charts 2 Integration

00:00 Обзор графиков для аудио Обсуждение различных вариантов графиков для аудио найденных через Discord. Упоминание сюжета Скотта поддерживаемого Avalonia и микрокарт. Переход к основному графику. 00:52 Изучение документации Отсутствие примеров и документации для графиков. Обзор PDF-документации которая выглядит как линейный график. Предпочтение живых графиков. 01:37 Установка и настройка проекта Установка пакета Nougat и очистка проекта от ненужных частей. Обновление проекта до версии preview 8 и .NET 7. Добавление Live Chart Skier в проект. 03:22 Создание ViewModel и добавление диаграммы Создание ViewModel и добавление свойства series. Импорт недостающих ссылок и настройка представления. Вставка диаграммы в пользовательский интерфейс. 04:44 Тестирование диаграммы Проверка работы диаграммы и её анимации. Необходимость автоматической прокрутки и добавления осей. Настройка масштаба и элементов управления. 05:42 Настройка шкалы и картографирования Настройка шкалы от 0 до -69. Работа с картографами и всплывающими подсказками. Автоматические обновления данных на основе ViewModel. 08:53 Настройка заливки и толщины линий Использование однотонной краски для заливки. Настройка толщины штриха и размера геометрии. Удаление геометрии для улучшения вида графика. 11:33 Финальная настройка Проверка направления заливки и расположения осей. Дальнейшая настройка свойств заливки и линий. 11:39 Введение в заливку Заливка включает сплошной цвет геометрическую заливку и обводку штрихом. Геометрическая заливка имеет точки. 11:51 Контроль направления заливки Направление заливки кажется неконтролируемым. Область заполняется выше и ниже нуля. 12:12 Создание собственной геометрии Возможность создания собственной геометрии для заливки. Идея инверсии данных для изменения направления заливки. 13:04 Управление осями Отсутствие возможности управления осями в текущей версии. Анализ API для получения информации об осях. 14:02 Инверсия оси Y Привязка оси Y к графику. Установка инвертированного значения оси. 15:23 Проблемы с заливкой Инверсия оси не решает проблему заливки. Необходимость изменения данных для инверсии заливки. 16:42 Настройка меток осей Изменение меток осей и их положения. Настройка минимального шага и делителя. 18:21 Ограничение данных Ограничение значений от минимального до максимального. Игнорирование значений за пределами диапазона. 19:23 Функция label Функция label преобразует число в метку. Инверсия функции label для преобразования чисел. 20:59 Преобразование значений Ограничение значений от 0 до -60. Преобразование отрицательных значений в положительные. Преобразование чисел в метки. 22:11 Проблемы с математикой и данными Обсуждение возможных ошибок в математике при работе с данными. Манипуляции с данными для правильного заполнения диапазона от 0 до 60. Необходимость инверсии значений для корректного отображения. 23:10 Обработка данных и создание меток Обработка данных поступающих в таблицу для создания меток. Получение правильного графика с правильным расположением осей. Попытка ограничить диапазон отрицательных значений. 23:30 Работа с метками и осью Обсуждение возможности скрытия меток и использования значений null или blank. Проблемы с отображением меток при возврате значения null. Анализ поведения меток при выходе за пределы коллекции. 25:51 Создание собственной оси Решение скрыть существующую ось и создать новую. Наложение сетки поверх графика и проведение линий. Добавление отступов для уменьшения размера оси. 26:52 Настройка сетки и элементов Использование той же сетки что и для счётчика. Создание прямоугольника внутри элемента сетки. Настройка ориентации и заливки элементов. 28:15 Добавление меток и корректировка стиля Добавление меток с нулевым значением содержимого. Корректировка размера надписи и добавление полосы с линией. Настройка непрозрачности и высоты элементов. 31:07 Проверка и корректировка сетки Проверка заполнения сетки и устранение проблем с выравниванием. Корректировка вертикального выравнивания и непрозрачности. Вставка дополнительных элементов для заполнения пробелов. 35:06 Финальная настройка сетки Удаление определений столбцов и использование автоопределения. Размещение всех надписей в один столбец и прямоугольников в один. Уточнение настроек сетки и строк для корректного отображения. 35:49 Создание сетки и выравнивание текста Обсуждение создания сетки с количеством строк до девяти. Настройка горизонтального выравнивания текста для смещения вправо. Достижение идеального выравнивания текста и прямой линии. 36:55 Прокрутка графиков 37:54 Работа с данными и диаграммами 38:54 Заключение,

#