[잡담/일상] chart.js 이거 어케쓰는건가요;;ㄷㄷ

도넛이나 원형 차트를 쓰려고합니다

테스트로 그냥 비어잇는 jsp에다가 만들어봣는데

타입을 막대차트로 하고

스크립트짜고

바디안에 

div안에다 캔버스로 쓰면 잘 나옵니다

근데 이걸 실전에서

   </scrip/>
/ $(function(){
/ / $("#sortable").sortable();
/ / $("#sortable").disableSelection();});<///s!crip/>
   

   
      <!-- 도넛 차트 -->
   

   
      </s!crip/>var ctx = document.getElementById("myDoughnutChart");
   

   
      var myDoughnutChart =new Chart(ctx,{
    type:'doughnut',
   

    data: data,

       options: options
});

   
      <//s!crip/>
   

   <ul id="sortable">
   

   
      <li class="ui-state-default">
   

   
      <span class="">
   

   
      <canvas id="myDoughnutChart" width="400" height="400">
   

   
      </canvas></span></li></ul>
   

• 
  
• 
  
• 안에
  로 넣어보면 빈 차트라도 떠야하는데..

  안나오네요;;

  관리자 페이지라서 통계를 보려고하는데..

  어케해야하나요;

  구글링에잇는건 이전버전같아서 좀 틀리고..

[JuliaHart]

차트 컴포넌트 어떤걸 쓰시는지..
그냥 new Chart로 인스턴스 생성하는 것만 있지, 정작 Chart가 어떤 객체인지가 없네요.

[비싸기만함]

http://www.chartjs.org/docs/latest/charts/doughnut.html
이것저것 찾아보다가 여기서 갖고온건데.. 보통 스크립트는 헤드안에다 쓰잖아요?;

카테고리별 게시물 통계를 차트로 보이게 하고싶은데..
저런 예제뿐이고 저걸 어디에다가 어떻게 쓰는건지 모르겟네요..

[투박안면]

new Chart(ctx
띄어쓰기 하셔야 할거 같은데요

[투박안면]

그리고 스크립트 오류는 브라우저 F12 개발자 도구에서 로그 확인하실 수 있어요
개발자도구 늘 열어놓고 작업하시는걸 습관 들이셔야 해요

[JuliaHart]

그리고 질문 올리실때는 프로젝트가 통째로 필요한거 아니면, 가능하시면 jsfiddle같은 플레이그라운드 서비스에 샘플 올리고 질문하시는게 좋습니다.
프로젝트도 비공개할 이유가 없는 공부목적이시라면 github에 공개로 올리고 하시는게 고수들의 피드백 받으며 공부하기 좋습니다.

[비싸기만함]

그렇군요..

[숲바라기]

객체 생성을 받아서 바로 그리지 마시고 update 로 그리시고 처음에 data 값이 없으면 안 그려요