Как изменить цвет фона всплывающей подсказки в JQuery Sparklines

Question

Есть ли способ изменить цвет фона по умолчанию всплывающей подсказки в jQuery Sparklines? Я не смог найти простое решение этого вопроса, и похоже, похоже, что подобный вопрос для всплывающих подсказок. Я хотел бы изменить цвет фона с прозрачного цвета по умолчанию на сплошной серый.

Я использую настраиваемую tooltipFormatter для создания текста внутри всплывающей подсказки, например.

$('#sparkline').sparkline(data, { 
    type: 'bar', 
    tooltipFormatter: function(sparkline, options, fields) { 
    //<span>Stuff</span> 
    } 
}); 

Спасибо!

Answer 1

Вы можете использовать опцию tooltipClassname, чтобы добавить CSS-класс к подсказкам по умолчанию и переопределить их стиль.

Отметьте http://omnipotent.net/jquery.sparkline/#interactive для получения дополнительных подсказок.

Answer 2

класс по умолчанию для всплывающих подсказок является .jqstooltip вы можете переопределить в свой собственный CSS, используя важный

Answer 3

Есть на самом деле 2 класса, которые имеют отношение: jqstooltip, как уже упоминалось, а также jqsfield, который, скорее всего, что вам нужно, если вы хотите изменить текстовые атрибуты.

Пример:

.jqstooltip { 
background-color: #c6e5f6 !important; 
font-size: 11px !important; 
padding: 5px !important; 
color: black !important; 
overflow: auto !important; 
text-align: center !important; 
border-color: #CCCCCC !important; 
max-width: 400px !important; 
max-height: 400px !important; 
} 

.jqsfield { 
font-size: 10px !important; 
color: black !important; /*set the text color here */ 
}