2017-07-24 68 views
0

創建迷你圖線圖。 http://jsfiddle.net/gwatts/PfzXg/保留隱藏的迷你圖工具提示

// Draw a sparkline for the #sparkline element 
$('.sparkline').sparkline(values, { 
    type: "line", 
    tooltipSuffix: " widgets" 
}); 

的jFiddle例子是不是最好的,但我認爲這說明了這一點。 默認行爲是在鼠標懸停在該值上時顯示工具提示。當您將鼠標懸停在點上時,會出現「5個小工具」工具提示。

有沒有可能讓工具提示總是出現? 我想製作一個更大並具有靜態數據標籤(工具提示)的圖形,但在文檔中我沒有看到任何提及。 https://omnipotent.net/jquery.sparkline/#s-docs

回答

0

this問題的回答可能是對您的答覆。

這裏的答案:

http://omnipotent.net/jquery.sparkline/#s-faq

常見問題

爲什麼沒有軸標籤/標記?

迷你圖旨在足夠小以適應一行文字,以便快速呈現趨勢或圖案,因此不具備全尺寸圖表的工具。從版本2.0開始,您可以將鼠標懸停在迷你圖上以查看底層數據。

需要在您的項目中使用Sparkline庫嗎?,如果你想要一個大的圖表和標籤,你有其他選項,如http://www.chartjs.org/samples/latest/

+1

沒有必要。正在嘗試使用這些圖形,因爲它們非常輕便,並且放置在不太輕量的頁面上。不看大圖。通常我只使用HighCharts,但想看看SparkLine可以實現哪些功能。 在我將其標記爲答案之前,看看是否有其他人回覆。謝謝! – luskbo