4

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

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

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

谢谢！

4

3 回答 3

6

实际上有 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 */
}
于 2014-08-25T07:17:21.930 回答
2

您可以使用该tooltipClassname选项将 CSS 类添加到默认工具提示并覆盖其样式。

检查http://omnipotent.net/jquery.sparkline/#interactive了解更多工具提示选项。

于 2013-09-18T12:39:33.353 回答
1

工具提示的默认类是 .jqstooltip 您可以在自己的 CSS 中使用 !important 覆盖

于 2013-11-18T21:39:00.743 回答