Javascript:如何更新仪表图表的最大值?

Javascript:如何更新仪表图表的最大值?,javascript,html,gauge,jsgauge,Javascript,Html,Gauge,Jsgauge,我当前的代码只会动态更改总数。我还想动态更改最大值,因为最大值将根据应用的过滤器而更改 代码如下 resource1=[ "//cdn.jsdelivr.net/raphael/2.1.0/raphael-min.js", "//cdn.jsdelivr.net/justgage/1.0.1/justgage.min.js" ] //add scripts to head $.getScript(resource1[0],function(){ $.getScript(resou

我当前的代码只会动态更改总数。我还想动态更改最大值,因为最大值将根据应用的过滤器而更改

代码如下

    resource1=[
 "//cdn.jsdelivr.net/raphael/2.1.0/raphael-min.js",
 "//cdn.jsdelivr.net/justgage/1.0.1/justgage.min.js"
]

//add scripts to head
$.getScript(resource1[0],function(){
 $.getScript(resource1[1],init1)
})

init1 = function(){
  var h = new JustGage({
    id: "gaugeHoras", 
    value: parseInt($("TOTAL").text()), 
    min: 0,
    max: 30,
    title: "Horas"
  });  


    $("LISTBOX").click(function(){
    h.refresh(parseInt($("TOTAL").text()))

  })

}

最新版本的库实现了
refresh(val,max,config)
so
h.refresh(value,maxValue)
max
设置为
maxValue
(来源:)

resource1=[
“//cdn.jsdeliver.net/raphael/2.1.0/raphael-min.js”,
"https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.2/justgage.min.js"
];
//向头部添加脚本
$.getScript(resource1[0],函数(){
$.getScript(resource1[1],init1)
});
init1=函数(){
var h=新的调整器({
id:“gaugeHoras”,
值:parseInt($(“TOTAL”).text()),
分:0,,
最高:30,
标题:“贺拉斯”
});
$(“#列表框”)。单击(函数(){
var值=Math.floor(Math.random()*31);
var maxValue=Math.floor(Math.random()*40+30);
h、 刷新(值,最大值);
})
}

点击

查看示例中的实时语言。你在这里指的是实时语言吗?我想这可能对你有帮助。FusionCharts绝对免费用于非商业用途。试试看,如果有任何问题,请告诉我,兄弟!