宝哥软件园

js实现圆盘记速表

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

如何利用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 /脚本以上就是本文的全部内容,希望大家喜欢。

更多资讯
游戏推荐
更多+