Как удалить ссылку на credits Highcharts из графиков

Быстрый ответ

Для того чтобы скрыть указание на Highcharts на вашем графике, добавьте в настройки вашей диаграммы credits: { enabled: false }:

Highcharts.chart('container', {
    // ...настройки диаграммы...
    credits: { enabled: false } // Таким образом, диаграмма освобождается от лишних подписей.
});

Теперь ссылка на Highcharts не видна, и ваш график выглядит совершенно чистым.

Настройка обозначений

С использованием API Highcharts можно персонализировать обозначения на диаграмме:

Highcharts.chart('container', {
    credits: {
        href: 'http://your-link.com', // Указываем необходимую ссылку
        text: 'YourChartCreds', // Прописываем требуемый текст
        position: { align: 'right', verticalAlign: 'bottom' }, // Определяем место расположения
        style: { color: '#50C878' } // Задаём желаемый стиль
    }
});

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

В каких ситуациях следует убирать обозначения

Удаление обозначений обосновано в следующих случаях:

• Вы приверженец дизайна с чистым, последовательным визуальным рядом.
• Вы цените профессионализм и понимаете, что наличие обозначений может занизить значение вашей диаграммы в глазах пользователей.
• У вас есть лицензия Highcharts, которая позволяет убрать обозначение.

Метод скрытия через CSS

Если стандартные подходы не подходят, можно скрыть обозначение с помощью CSS:

.highcharts-credits {
    display: none !important; // Кредиты становятся невидимыми!
}

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

Визуализация для тех, кто мыслит образами

Попробуйте представить скрытие обозначений следующим образом:

🚗💨🔧 До: [Автомобиль с номером "highcharts.com"] 🔧💨🚗 После: [Автомобиль без номерного знака, выглядит аккуратно и стильно]

В контексте кодирования это будет выглядеть так:

Highcharts.chart('container', {
    credits: {
        enabled: false // Прощай, номерной знак!
    }
});

И вот, ваш график обретает чистоту форм, лишившись ненужных брендовых элементов.

Риск нарушения лицензионных обязательств

Скрывая обозначение, убедитесь, что вы соблюдаете лицензионное соглашение Highcharts, чтобы избежать возможных правовых проблем. Убедитесь, что у вас действительно есть право на скрытие обозначений.

Выход за рамки обычных подходов

Заинтересованы в неконвенциональной настройке? Превратите обозначения в динамические элементы с помощью API:

Highcharts.chart('container', {
    credits: {
        text: 'AbsolutelyNoChartsHarmed', // Создаём интригующий текст...
        href: 'http://www.your-link.com', // Ссылка будет перенаправлять по нажатии...
        events: { 
            click: function() { 
                alert('Как интересно, вы кликнули по мне!'); // Добавляем обработчик событий!
            } 
        } 
    }
});

Таким образом, обозначение становится интерактивным элементом, способным удивить вашего пользователя.

Обозначения — завершение идеального образа

Highcharts предоставляет различные возможности для настройки визуального представления графиков: начиная от удаления обозначений, и заканчивая их творческой переработкой. Такие инструменты способны усилить визуальный эффект ваших данных и помочь им "рассказать" свою историю.

Полезные материалы

1. credits | Справочник API Highcharts JS — Основная ссылка по работе с обозначениями в Highcharts, по-настоящему ценный ресурс!
2. Демо Highcharts – JSFiddle — Здесь можно наглядно увидеть, как обозначения исчезают из Highchart.
3. Проблемы с осью xAxis и datetime · Issue #9143 · highcharts/highcharts · GitHub — Обсуждение проблем с Highcharts и обмен опытом между разработчиками.