js实现圆盘记速表
如何利用AmCharts制作的汽车速度计速表,通过设置不同的速度(数字)来动态改变计速表的指针
效果图:
爪哇岛描述语言代码:
var图表=amcharts。makechart(' chart div ',{ 'type': 'gauge ',' theme': 'none ',' axis ' :[{ ' axis thickness ' : 1,' axisAlpha ' : 0.2,' tickAlpha ' : 0.2,' valueInterval ' : 20,' bands ' 3:[{ ' color ' 333: ' # 84 b 761 ',' end value ' 333333336666onload=function(){ chart。箭头[0].setValue(80);图表。坐标轴[0]。setBottomText(80 '公里/小时');}文档。getelementbyid(' BTN确定').onclick=function(){ if(document。getelementbyid(' TxTNum ')。值320){ alert('超出最大值');返回;} if(文档。getelementbyid(' Txtnum ')。值0){ alert('不能低于0');返回;}图表。箭头[0]。setValue(文档。getelementbyid(' Txtnum ').值);图表。坐标轴[0]。setBottomText(文档。getelementbyid(' txt num ').值'公里/小时;}引入JS:
脚本类型=' text/JAVAScript ' src=' http :am charts。js /脚本脚本类型=' text/JavaScript ' src=' http : gauge。js /脚本脚本类型=' text/JavaScript ' src=' http : none。js /脚本以上就是本文的全部内容,希望大家喜欢。