Highcharts tooltip shadow angle

Question

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

Answer 1

Вы можете поставить 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>'; 
} 

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