amCharts5 – это популярная библиотека диаграмм, используемая веб-разработчиками для создания интерактивных и визуально привлекательных диаграмм. Несмотря на то, что он предлагает ряд функций и возможностей настройки, одним из аспектов, который может беспокоить некоторых пользователей, является наличие логотипа amCharts5 на графиках по умолчанию. В этой статье мы рассмотрим различные способы удаления логотипа amCharts5 и создания собственных диаграмм.

Метод 1: использование встроенного API amCharts5
amCharts5 предоставляет простой метод API для отключения логотипа. Этого можно добиться, установив для свойства creditsзначение falseв объекте конфигурации диаграммы:

am5core.useTheme(am5themes_animated);
let chart = am5core.create("chartdiv", am5charts.XYChart);
// chart configuration
chart.credits.disabled = true; // Disables the amCharts5 logo
// rest of the chart setup

Этот метод прост и требует минимальных изменений кода. Однако имейте в виду, что он только скрывает логотип, а не удаляет его полностью из DOM.

Метод 2: собственный стиль CSS
Другой способ удалить логотип amCharts5 — скрыть его с помощью CSS. Вы можете настроить таргетинг на элемент логотипа, используя его класс CSS и установить для его свойства display значение «none»:

.amcharts5-logo {
  display: none;
}

Чтобы применить это правило CSS, вам необходимо включить его в таблицу стилей вашего проекта или добавить в элемент-контейнер диаграммы.

Метод 3: изменение файлов библиотеки amCharts5
Если вам нужно более постоянное решение и вы можете контролировать файлы библиотеки amCharts5, вы можете удалить логотип непосредственно из исходного кода. Найдите файл amcharts5.jsили amcharts5.min.jsв своем проекте и откройте его в текстовом редакторе. Найдите HTML-элемент логотипа и удалите или закомментируйте соответствующий код.

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

Метод 4: Формирование репозитория amCharts5
Для опытных пользователей, которые знакомы с Git и контролем версий, другой вариант — создать форк репозитория amCharts5 на GitHub и внести необходимые изменения для удаления логотипа. Такой подход позволяет вам поддерживать свою настроенную версию amCharts5, сохраняя при этом возможность объединять будущие обновления из исходного репозитория.

С помощью одного из упомянутых выше методов вы можете легко удалить логотип amCharts5 со своих графиков. Независимо от того, предпочитаете ли вы использовать встроенный API, стили CSS, изменять файлы библиотеки или разветвлять репозиторий, теперь у вас есть множество возможностей сделать свои диаграммы по-настоящему собственными.