Question

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

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

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

谢谢！

Answer 1

实际上有两个相关的类：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 */
}

Answer 2

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

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

Answer 3

工具提示的默认类是.jqstooltip，您可以使用！important

在您自己的CSS中覆盖

如何在JQuery Sparklines中更改工具提示背景颜色

3 个答案: