1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/MiyueSC-vue-data-visualization

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Vue 3 Data Visualization

Проект: краткое описание

GitHub stars GitHub stars

star fork

Данный проект является личным проектом, разработанным с использованием Vue 3, Echarts 5 и Element Plus. В проекте используется JavaScript для реализации перетаскивания и масштабирования элементов.

Проект предназначен для создания простой конфигурации визуализации данных для больших экранов. Для специфических графиков требуется дополнительная разработка.

Предварительный просмотр проекта: https://miyuesc.github.io/data-visualization/

Синхронное зеркало в Китае: https://miyuesc.gitee.io/data-visualization/

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

Основные функции

  • ECharts: общие графики
  • Единицы измерения
  • Перетаскивание и масштабирование компонентов
  • Фон рамки
  • Конфигурация осей графика
  • Настройка легенды
  • Масштабирование холста
  • Регулировка уровня компонентов
  • Список слоёв компонентов
  • Общие формы компонентов
  • Компоненты заголовка и текста
  • Различные настройки графика
  • Компонент карты Baidu
  • Общие компоненты списка, карусели и анимации
  • Предварительный просмотр и экспорт JSON
  • Конфигурация источника данных
  • ...

Использование

1. Загрузите или клонируйте проект на локальный компьютер

git clone https://github.com/miyuesc/vue-data-visualization.git -b main

2. Установите зависимости

// yarn run install
npm run install

3. Запустите предварительный просмотр

// yarn run build
npm run build

Запуск предварительного просмотра

1. Начальный экран

image-20210705145317801

2. Эффект перетаскивания

image-20210705145333404

3. Конфигурация заголовка и единиц измерения

image-20210705145411569

4. Конфигурация фона рамки

image-20210705145621180

5. Конфигурация X-оси и Y-оси

image-20210705145838804

6. Управление слоями и блокировка

image-20210705145932618

Пожертвования от друзей

Тайно добавьте код пожертвования~~~~

WeChat: Если вам это помогло, вы можете угостить меня чашкой кофе~~

Alipay: Если вам это помогло, вы можете угостить меня чашкой кофе~~

Обучение и общение

Если вы считаете, что эти статьи полезны для вас, и хотите учиться вместе со мной, добро пожаловать подписаться на мой WeChat.

Название подписки: Front-end Xiaobai MiyueFE

Номер подписки: Front-end Xiaobai MiyueFE

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Описание недоступно Развернуть Свернуть
TypeScript и 5 других языков
Apache-2.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/MiyueSC-vue-data-visualization.git
git@api.gitlife.ru:oschina-mirror/MiyueSC-vue-data-visualization.git
oschina-mirror
MiyueSC-vue-data-visualization
MiyueSC-vue-data-visualization
main