jqPlot 미터 게이지에서 데이터를 전달하는 방법은 무엇입니까? 나는 '

Question

내 페이지에 게이지가있어이 plugin

을 사용하고 있습니다 :

s1 = [50000]; 

    plot4 = $.jqplot('chart4',[s1],{ 
    seriesDefaults: { 
     renderer: $.jqplot.MeterGaugeRenderer, 
     rendererOptions: { 
      label: 'Metric Tons per Year', 
      labelPosition: 'bottom', 
      labelHeightAdjust: -5, 
      intervalOuterRadius: 85, 
      ticks: [10000, 30000, 50000, 70000], 
      intervals:[22000, 55000, 70000], 
      intervalColors:['#66cc66', '#E7E658', '#cc6666'] 
     } 
    } 
}); 

나는 다음 시나리오를 원하는 : 사용자가 입력 한 번호를 입력, 프레스 입력하고 화살표는 게이지에이 값을 보여줍니다. 그래서, 내가 입력을 만들어이 바로 게이지 코드 위의 코드를 추가 한 : 어떻게 화살표가이 값을 보여 만드는

$(".btn").click(function() { 
    var data = $("#test").val(); 
    s1 = [data]; 
    console.log(s1); 
    return s1; 
}); 

콘솔 출력 값,하지만를? 설명서에서이 방법을 찾을 수 없습니다.

plot.replot(); 

전체 클릭 기능 : 당신은 게이지를 다시 그려야 replot()를 호출 할 필요가 다음

plot.series[0].data[0] = [1, newValue]; 

:

Answer 1

는 동적으로 값을 업데이트 버튼 클릭 기능에 다음 줄을 사용할 수 있습니다 is :

$(".btn").click(function() { 
    var newValue = $("#test").val(); 
    plot.series[0].data[0] = [1, newValue]; 
    plot.replot(); 
    return s1; 
}); 

This Fiddle은 worki 데모. 텍스트 상자에 값을 입력하고 "값 변경"을 클릭하여 게이지를 업데이트하십시오.