Jquery 有可能制造出这样的速度表吗？

可以用jquery库创建这样的速度表吗，如c3.js或canvas.js或任何库。如果是，任何人都可以给出创建它的想法。有谁能帮我一下吗

要求我们推荐工具的问题可能会被视为离题，因此我建议您重新表述您的问题，要求提供工具列表，而不是要求推荐此类工具。即使这样，它也会引起争议

不过，我觉得这个话题很有趣，因为你的问题（imo）没有错，所以我决定搜索一下来帮助你。以下是我的发现：

• 与此相关的问题。本讨论中有几个值得检查的工具：
• UiBox。不使用JavaSctipt，而是使用HTML5和CSS3，因此您必须了解您使用的浏览器（不同的浏览器支持不同的功能），但总体上看，这是一个有前途的轻量级通用解决方案（适用于最新的浏览器，不适用于IE8或相关浏览器）：
• 用JavaScript和HTML5实现的速度表。有一个文档wiki，提供一些解释和支持，但imo缺少代码示例：
• 速度表示例在codepen中从头开始编码。不需要额外的评论xD试试看！（我贴了一个我喜欢的例子）

var针=$（“针”）；
变量el=$（'el'）；
var measureDeg=函数（）{
//从矩阵到度的转换http://css-tricks.com/get-value-of-css-rotation-through-javascript/
var st=window.getComputedStyle（指针，null）；
var tr=st.getPropertyValue（“-webkit transform”）||
st.getPropertyValue（“-moz转换”）||
st.getPropertyValue（“-ms转换”）||
st.getPropertyValue（“-o-transform”）||
st.getPropertyValue（“转换”）||
“失败……”；
var值=tr.split（'（'）[1]；
values=values.split（'））[0]；
values=values.split（'，'）；
var a=数值[0]；
var b=数值[1]；
var c=数值[2]；
var d=数值[3]；
var scale=Math.sqrt（a*a+b*b）；
//圆弧正弦，从弧度转换为度，圆形
var sin=b/标度；
变量角度=数学圆（数学atan2（b，a）*（180/数学PI））；
el.set（‘数据值’、角度）；
};
var periodicalID=测量的周期（10）
@导入url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
身体{
背景：#fff；
}
#艾尔：以前{
背景:#fbfb；
边界半径：200px 200px 0；
盒影：3px1px8pxRGBA（0,0,0,0.15）插页；
内容：“；
高度：100px；
位置：绝对位置；
宽度：200px；
}
#埃尔{
边界半径：200px 200px 0；
高度：100px；
保证金：50px自动0；
溢出：隐藏；
位置：相对位置；
宽度：200px；
}
#艾尔：之后{
背景：#fff；
边界半径：140px 140px 0；
底部：0；
盒影：3px1px8pxRGBA（0,0,0,0.15）；
颜色：rgba（255,80,0,0.7）；
内容：attr（数据值）；
字体系列：Lato、Helvetica Neue、Helvetica、Arial、无衬线字体；
字体大小：3.5em；
字号：100；
高度：70像素；
左：30px；
线高：95px；
位置：绝对位置；
文本对齐：居中；
宽度：140px；
z指数：3；
}
跨度{
背景：rgba（255,80,0,0.7）；
边界半径：4px；
底部：-4px；
盒影：3px-1px 4px rgba（0,0,0,0.4）；
显示：块；
高度：8px；
左：10px；
位置：绝对位置；
宽度：90px；
变换原点：100%4px；
变换：旋转（0度）；
过渡：所有1；
}
#el：悬停跨度{
变换：旋转（180度）；
}
h1，
P
强壮的{
显示：块；
字体系列：Lato；
文本对齐：居中；
}
h1{
边缘底部：0.4em；
}
p{
边际上限：0；
}
强壮的{
颜色：#efefef；
字号：2.5em；
}

悬停
速度计实验
享受这个小小的速度计实验的乐趣
只需使用javascript更新文本