如何更改JQuery Sparklines中的工具提示背景顏色

有沒有方法可以更改jQuery Sparklines中工具提示的默認背景顏色？我一直無法找到一個簡單的解決方案，似乎沒有類似的問題sparklines工具提示。我想將背景顏色從透明的默認顏色更改爲純灰色。如何更改JQuery Sparklines中的工具提示背景顏色

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

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

謝謝！

來源

2013-07-10 Jorge Oleano

您可以使用tooltipClassname選項將CSS類添加到默認工具提示並覆蓋其樣式。

檢查http://omnipotent.net/jquery.sparkline/#interactive以獲取更多工具提示選項。

來源

2013-09-18 12:39:33 sugarenia

工具提示的缺省類是.jqstooltip你可以在自己的CSS使用覆蓋重要

來源

2013-11-18 21:39:00 byroncorrales

我會試着重寫'.jqstooltip {COLOR：＃80050c重要;背景顏色：＃！eff7ff重要;}'。背景改變了，但文字顏色沒有改變。正如sugarenia所建議的，我無法弄清楚如何使用'tooltipClassname'。謝謝你的幫助。 – vt2424253

實際上有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-25 07:17:21

如何更改JQuery Sparklines中的工具提示背景顏色

回答

相關問題