Список атрибутов всплывающей подсказки компонента окна подсказки ECharts (включая текстовые комментарии)
tooltip: { // Компонент окна подсказки: может быть установлен глобально (всплывающая подсказка), может быть установлен в системе координат (grid.tooltip, Polar.tooltip, single.tooltip), может быть установлен в серии (series.tooltip), может быть установлен в каждой элемента данных серии (series.data.tooltip)
show: true, // Отображать ли компонент окна подсказки. Включая плавающий слой окна подсказки и axisPointer。
trigger: 'item', // Тип триггера, графический триггер элемента данных «элемент», в основном используемый в точечных диаграммах, круговых диаграммах и других диаграммах без оси категорий. Триггер оси координат «ось», в основном используемый в гистограммах, линейных диаграммах и т. д., в которых используются оси категорий. 'никто' Ничто не вызывает
triggerOn: 'mousemove', // Условие для запуска окна подсказки: «mousemove» срабатывает при движении мыши. 'click' Срабатывает при щелчке мышью. «mousemove|click» срабатывает, когда мышь перемещается и щелкается одновременно. «нет» нет 'mousemove' или 'click' срабатывает, когда
showContent: true, // данетпоказывать Плавающий слой окна подсказки,Отображается по умолчанию. Этот элемент имеет значение false только тогда, когда всплывающая подсказка запускает событие и отображает axisPointer без отображения содержимого.
alwaysShowContent: true, // Отображать ли содержимое окна подсказки навсегда. По умолчанию оно будет скрыто через определенный период времени после перемещения из области активируемого поля подсказки (см. «HideDelay» ниже). Установка значения true может гарантировать, что содержимое окна подсказки будет скрыто. Окно подсказки всегда отображается.
showDelay: 0, // Задержка отображения плавающего слоя, ед. мс, по умолчанию задержка отсутствует и устанавливать ее не рекомендуется. В триггере (состояние, вызываемое окном подсказки) 'mousemove' действителен, когда
hideDelay: 100, // Задержка, скрытая плавающим слоем, в единицах мс, недействительно, если AlwaysShowContent имеет значение true
enterable: false, // Может ли мышь входить в плавающий слой поля подсказки. Значение по умолчанию — false. Если вам нужно взаимодействовать с деталями, например добавлять ссылки и кнопки, вы можете установить значение true.
renderMode: 'html', // Режим рендеринга плавающего слоя по умолчанию — «html», который является дополнительным узлом DOM для отображения всплывающей подсказки. Кроме того, его также можно установить на «richText» для рендеринга в виде форматированного текста. Canvas, соответствующий диаграмме (в настоящее время SVG не поддерживает форматированный текст), который лучше поддерживает некоторые среды без DOM (например, апплет WeChat).
confine: false, // Ограничить ли поле подсказки областью диаграммы. Когда для внешнего издома диаграммы установлено значение «переполнение: скрыто»,или мобильный терминал с узким экраном,Когда всплывающая подсказка выходит за пределы внешнего мира и усекается,Эта конфигурация более полезна.
appendToBody: false, // (отv4.7.0Начните поддерживать)стоит лиtooltipизDOMУзел добавляется какHTMLиз<body>издочерний узел。толькокогдаrenderModeдля'html'имеет смыслиз
className: 'echarts-tooltip echarts-tooltip-dark' // (Поддерживается начиная с версии 5.0.0) Укажите tooltip из DOM Узел из CSS добрый. (Только в html режим)
transitionDuration: 0.4, // Плавающий слой окна подсказкииз Переместить время перехода анимации,Единица измерения: с.,настраиватьдля0избудет следить за движением мыши。
position: ['50%', '50%'], // (Вот относительное положение,Поместите в середину контейнера)Плавающий слой окна подсказкииз Расположение,默认不настраивать时Расположениевстречаи Следуй за мышьюиз Расположение,[10, 10], верните функцию,insideИзображение, где находится мышьизвнутренний центр Расположение,top、left、bottom、rightИзображение, где находится мышьначальствосторона,левыйсторона,Внизсторона,верносторона,
formatter: '{b0}: {c0}<br />{b1}: {c1}', // Запрашивает формат содержимого плавающего слоя, поддерживает шаблон строкового и функцию обратного вызова, доступна переменная шаблона {a}, {b}, {c}, {d}, {e} соответственно обозначают имя серии, имя данных, значение данных и т. д. Подробности см. на рисунке ниже.
backgroundColor: 'rgba(50,50,50,0.7)', // Плавающий слой окна подсказкиизцвет фона
borderColor: '#333', // Плавающий слой окна подсказкиизцвет границы
borderWidth: 0, // Плавающий слой окна подсказкииз Ширина границы
padding: [
5, // начальство
10, // верно
5, // Вниз
10, // левый
], // Плавающий слой окна подсказкипрокладка,Единица пикселей,Заполнение по умолчанию во всех направлениях равно 5.,Принять настройки массива индивидуальноначальствоверно Внизлевыйдопуск
textStyle: { // Плавающий слой окна подсказкиизтекстстиль
color: '#fff', // текст в цвете
fontStyle: 'normal', // Шрифт текста в стиле Необязательно: «нормальный» 'курсив' (курсив) 'косой'
fontWeight: 'normal', // Шрифт текста по толщине Необязательно: «нормальный» 'смелый' 'смелее' 'легче' 100 | 200 | 300 | 400...(пикселей)
fontFamily: 'sans-serif', // Семейство шрифтов Textиз 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...
fontSize: 14, // Текст размером шрифта
lineHeight: 56, // высота строки
width: 15, // Ширина отображения текста
height: 15, // Высота отображения текста
textBorderColor: '#333', // Сам текст из цвета обводки
textBorderWidth: 2, // Сам текст по ширине обводки
textBorderType: 'solid', // Сам текст из типа штриха Необязательно: «сплошная» (сплошная линия) 'пунктир' (пунктирная линия) 'dotted' сv5.0.0начинать,Это также может бытьnumberили ВОЗnumberмножество нравиться: textBorderType: [5, 10],Используется для обозначения линий из dash array,СотрудничатьtextBorderDashOffsetОбеспечивает большую гибкостьиз Пунктирный эффект
textBorderDashOffset: 5, // (отv5.0.0Начните поддерживать)Используется для установки пунктирных линийизкомпенсировать,Может сочетаться с textBorderType обозначение dash array Гибкость реализациииз Пунктирный эффект
textShadowColor: 'transparent', // Сам текст из цвета тени
textShadowBlur: 0, // Сам текст имеет длину тени
textShadowOffsetX: 0, // Сам текст из тени со смещением по оси X
textShadowOffsetY: 0, // Сам текст из тени, смещение по оси Y
overflow: 'none', // Будет ли текст усекаться, если он превышает ширинуили ВОЗновая строка。Конфигурацияwidthдействителен, когда'truncate'Усечь,и в концепоказыватьellipsisКонфигурацияизтекст,По умолчанию... 'break' разрыв строки 'breakAll' разрыв строки,и'break'другойизда,на английском и другой латыни,'breakAll' также вызывает разрывы строк внутри слов.
textShadowBlur: 0, // Сам текст имеет длину тени
ellipsis: 'здесьдаконецпоказыватьизтекст', // существоватьoverflowКонфигурациядля'truncate'изкогда,Это свойство можно использовать Конфигурацияконецпоказыватьизтекст
extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);',// дополнительно прикреплен к плавающему слоюизcssстиль。нравитьсялевыйлапшадля Добавить тень к плавающему слоюиз Пример
order: 'seriesAsc', // (Поддерживается начиная с версии 5.0.0) Порядок расположения плавающих слоев многосерийного поля подсказки. Значение по умолчанию: 'seriesAsc' Необязательное значение порядка сортировки поля подсказки: «seriesAsc» объявляется в соответствии с серией, Сортировать по возрастанию. 'seriesDesc' объявляет на основе серии, Отсортируйте по убыванию. 'valueAsc' в соответствии со значением данных, Сортировать по возрастанию. 'valueDesc' в соответствии со значением данных, Отсортируйте по убыванию.
},
extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);' , // дополнительно прикреплен к плавающему слоюизcssстиль。нравитьсялевыйлапшадля Добавить тень к плавающему слоюиз Пример
order：'seriesAsc', // (Поддерживается начиная с версии 5.0.0) Порядок расположения плавающих слоев многосерийного поля подсказки. Значение по умолчанию: 'seriesAsc'
// Поддержка версий Note
};Прикрепленное изображение: Форматирование содержимого плавающего слоя в окне подсказки. formatter: '{b0}: {c0}<br />{b1}: {c1}' формат
кначальство Сразуда Список атрибутов всплывающей подсказки компонента окна подсказки ECharts (включая текстовые комментарии)изпредставлять,сделать эту запись,если какая-нибудь помощь,Лайки приветствуютсясосредоточиться на Коллекция!
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
Идеальная интеграция Cursor и DeepSeek API
DeepSeek V3 снижает затраты на обучение больших моделей
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
Cloud Native｜Практика: установка Dashbaord для K8s, графика неплохая
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
Центр конфигурации————Накос
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
[Зона легкого облачного игрового сервера] Управление игровыми архивами
