介绍
这篇文章给大家介绍怎么在jQuery中使用FusionWidgets实现一个AngularGauge效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
1,设置AngularGauge图的数据源
AngularGauge。xml:
& lt; ? xml version=?.0“,编码=癠TF-8" ?比; & lt; chart  lowerLimit=?“, upperLimit=?00“, lowerLimitDisplay=安睢?upperLimitDisplay=昂谩? ,,,numberSuffix=?”, showValue=https://www.yisu.com/zixun/baseFontSize“1”=?6”showBorder=" 1 "><颜色minValue=" 0 " maxValue=" 60 "代码="甚至"/> <颜色minValue=" 60 " maxValue=" 70 "代码=" 00 ff00 "/> <颜色minValue=" 70 " maxValue=" 80 "代码=" 0000 ff "/> <颜色minValue=" 80 " maxValue=" 90 "代码=" FF654F "/> <颜色minValue=" 90 " maxValue=" 100 "代码=" 8 bba00 "/> <表盘> <拨value=" 60 "/> 表盘> 图表>
2,指数。html页面:
& lt; ! DOCTYPE html PUBLIC “-//W3C//DTD html 4.01,过渡//EN",“http://www.w3.org/TR/html4/loose.dtd"比; & lt; html> & lt; head> & lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=UTF-8"比; & lt; title> FusionWidgets  AngularGauge图& lt;/title> & lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" jquery-1.7.2.min.js "> 脚本>