I 여기에서 캔버스 게이지를 사용하고 canvas-gauges.com (루프 미도시)은 다음과 같이 I 루프 동적 다중 게이지를 생성캔버스 게이지 동적 오브젝트 갱신 값
;
<canvas id="canvas_<?php echo $device_pk; ?>"></canvas>
<script type="text/javascript">
var gg = "gauge_" + "<?php echo $device_pk; ?>";
this[gg] = new RadialGauge({
renderTo: 'canvas_<?php echo $device_pk; ?>',
height: 200,
.....other properties here.....
}).draw();
</script>
게이지를 올바르게 표시합니다.
다음은 javascript/ajax를 사용하여 계기 값을 업데이트하려고합니다. 아약스, 나는 각/모든 $의 device_pk 값을 게시하고 반환 된 결과는 나에게 콘솔에서 올바른 'K'와 'v'info을 보여줍니다 그때
success : function(result) {
var data = $.parseJSON(result);
$.each(data, function (k,v) {
console.log(k + ' is ' + v);
//k.value = v;
//k.value = Number(v);
k['value']= Number(v);
});
},
을 {"gauge_8":"22.3","gauge_12":"0","gauge_15":"-5"}
로 포맷 된 JSON 문자열입니다 로그. 내가 해결할 수없는 것은 데이터 값 'v'로 'k'라는 게이지를 업데이트하는 방법입니다. 이것은 일반적으로 생성 된 게이지가 'gauge_23'이라는 조건에서 gauge_23.value = 10.2;
을 사용하여 수행됩니다.
그냥 테스트하기 위해 게이지의 올바른 게이지 이름을 확인하고 gauge_23.value = 10.2;
에 일시적으로 하드 코딩하여 버튼 클릭으로 발생시키고 게이지를 작동하고 업데이트합니다.
동적으로 생성 된 계기 개체를 업데이트하려고 시도하는 방식으로 문제가 발생했는지 또는 개체를 만드는 방식과 관련하여 문제가 발생했는지는 확실하지만 포기했습니다.
안녕하세요 @ Blindman67, 당신의 '추측에 감사드립니다. 완벽하게 작동합니다. 게이지를 업데이트하는 실제 명령은'gauge_name.value = number'입니다. 우수한! – gjt211