jquery - 如何更改 JQuery Sparklines 中的工具提示背景颜色

Question

有没有办法更改 jQuery Sparklines 中工具提示的默认背景颜色？我无法找到一个简单的解决方案，并且迷你图工具提示似乎没有类似的问题。我想将背景颜色从透明的默认颜色更改为纯灰色。

我正在使用自定义 tooltipFormatter 在工具提示中创建文本，例如

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

谢谢!

Answer 1

实际上有 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 */
}