Угол тени для всплывающих подсказок Highcharts

Вопрос:

Я создаю тему для Highcharts и должен иметь возможность настраивать угол тени на всплывающих подсказках. В некоторых областях конфигурации тень позволяет использовать объект (например: plotOptions.pie.dataLabels.shadows), но кажется, что настройка тени на всплывающей подсказке не позволяет этого. Есть ли обходной путь или глобальная настройка, которую я пропускаю?

Лучший ответ:

Вы можете поместить CSS-стиль в свою всплывающую подсказку, таким образом вы можете настроить тень следующим образом:

  • Сначала отключите тень по умолчанию:

    tooltip: {
        valueSuffix: '°C',
        shadow:false,
        useHTML:true,
        formatter: function() {
            return '<div class="tooltip">Test</div>';
        }
        // Replace "Test" with the formatter you want, there are good examples
        // on their website.
    }
    
  • И установите стиль вашей подсказки:

    div.tooltip {
        -moz-box-shadow: 20px 20px 20px #888;
        -webkit-box-shadow: 20px 20px 20px #888;
        box-shadow: 20px 20px 20px #888;
    }
    

Вот живой пример: http://jsfiddle.net/PKFSs/

С этим вы можете делать все, что захотите, в своей подсказке.

EDIT: Если вы не можете использовать css:

formatter: function() {
    return '<div class="tooltip" style="-webkit-box-shadow: 20px 20px 20px #888;box-shadow: 20px 20px 20px #888;">Test</div>';
}

Я знаю, что это не лучший способ, я пытаюсь найти лучшее решение, но это работает.

Оцените статью
TechArks.Ru
Добавить комментарий