在WEB页面绘制速度计/码表

WEB端的可视化,经历过好几个阶段的发展,目前最主要是两大流派:SVG , CANVAS(HTML5)  

 

两者优缺点等不再赘述,笔者主张选择 CANVAS 。

 

 

那么绘制速度计/码表该如何做呢?

1 自己从0开始绘制:先学习下平面解析几何,把刻度表画出来,然后会在极坐标旋转指针,再说怎么画;

 

2 使用开源库:

 

推荐1 :   RGraph  http://www.rgraph.net/examples/gauge.html 

 


在WEB页面绘制速度计/码表_第1张图片
 

 

推荐2 :  highcharts http://www.highcharts.com/demo/gauge-speedometer/dark-blue 

 


在WEB页面绘制速度计/码表_第2张图片
 

 

 

 

你可能感兴趣的:(js,Web,可视化,速度计,码表)