원형 차트 사용

Jquery Flot을 사용하여 일시 중지, 중단 및 절전 모드의 세 가지 값을 기반으로 원형 차트를 만듭니다. 처음에는 원형 차트를 올바르게 그렸지만 일부 다시 그리면 다음 오류가 발생합니다.원형 차트 사용

는

내 코드}

Lecturer.socket.onmessage = function (message) { 

    var str = message.data; 
    var msg = str.split(":"); 
    if(msg[0] == 'pause'){ 
     var pause = parseInt(msg[1]); 
     var noPause = parseInt(msg[2]); 
     var sleeping = parseInt(msg[3]); 
     var data = [ 
      {label: "Pause", data:pause}, 
      {label: "No Pause", data:noPause}, 
      {label: "Sleeping", data:sleeping} 
     ]; 
    var options = { 
     series: { 
      pie: {show: true} 
     }, 
     legend: { 
      show: false 
     } 
    }; 

    $.plot($("#pie-placeholder"), data, options); 
}

입니다 캔버스 안에 포함 레이블 파이를 그릴 수 없습니다 ;

HTML은 모든 요구 JS 라이브러리가 포함되어 있습니다

<div id="live-placeholder" class="flot"></div>

입니다. 내가 뭘 잘못하고 있니? 어떤 도움?

1) 당신의 자리 div ID가 $.plot 전화를 일치하지 않습니다

감사

출처

2013-08-01 Wearybands

내가 "flot"을 볼 때마다, "frot"라고 말한 것 같아요. 그게 다른 것입니다. – dandavis

파이 백분율을 표시하고 싶습니까? 내 ans을 확인하고 어떤 의미인지 확인하십시오. –

당신은 두 가지 문제를 가지고있다. live-placeholder != pie-placeholder.

2.) 퍼센트를 직접 계산할 필요는 없습니다. Flot은 내부적으로 처리합니다.

작동하는 바이올렛 here을 참조하십시오.

출처

2013-08-01 16:39:38 Mark

그래서 모든 값의 합계를 얻고 각 값을 합계로 나누고 100으로 곱할 필요가 없다는 뜻입니까? – Wearybands

@UmairIqbal 네, 정확히 플로트가 해줄 것입니다. –

원형 차트 사용

답변

관련 문제