怎么在jQuery中使用FusionWidgets实现一个AngularGauge效果

  介绍

这篇文章给大家介绍怎么在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 ">