JQuery 차트를 다른 유형의 차트로 변환하십시오.

Question

내 페이지에는 Jquery Flot plugin을 사용하여 생성 된 차트가 있습니다.

내 클라이언트가 옵션을 클릭하고 파이 차트가 막 대형 차트로 변환되는 경우 흥미로울 것입니다.

가장 좋은 방법은 무엇일까요?

MVC를 사용하는 .Net 프로젝트이므로 차트 유형 (원형 차트 및 막 대형 차트)이있는 2 개의 부분 뷰를 만들면 아무 문제가 없을 수도 있습니다. 이런 식으로 단순하게 만들었습니다. 원형 차트를 다른 유형으로 변환하는 함수 (제 경우에는 원형 차트와 막대 차트).

Answer 1

당신은 똑바로 자바 스크립트에서 이것을 할 수 있습니다;

if (doPie){ 
    $.plot($('#placeholder'), data, { 
     series: { 
      pie: { 
       show: true 
      } 
     } 
    }); 
} else if (doBar) { 
    $.plot($('#placeholder'), [data], { 
     series: { 
      bars: { 
       show: true 
      } 
     } 
    }); 
} else if (doLine) { 
    $.plot($('#placeholder'), [data], { 
     series: { 
      lines: { 
       show: true 
      } 
     } 
    }); 
} 

데이터를 전달하는 방법은 막대/선과 원형 차트 사이에 다른 점이 있습니다. 막대/선 차트는 여러 계열을 제외하고 배열이므로 [data]입니다. 원형 차트는 하나의 시리즈 (data) 만 제외합니다.

여기는 fiddle입니다.