创建迷你图折线图。 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
这个问题的答案可能是对你的回答。
答案如下:
http://omnipotent.net/jquery.sparkline/#s-faq
常见问题
为什么没有轴标签/标记?
迷你图旨在足够小以适合一行文本,以快速显示趋势或模式,因此没有全尺寸图表的用具。从版本 2.0 开始,您可以将鼠标悬停在迷你图上以查看基础数据。
有必要在您的项目中使用迷你图库?,如果您想要一个大图表和标签,您还有其他选项,如 http://www.chartjs.org/samples/latest/。