조만간 자바스크립트 만세 부를듯.. -0-
그래프 그려주는 자바스크립트 모음인데
chartjs는 2d 느낌인데 원하는건 pie 차트였으나.. 하나밖에 예시가 안보이고..
fusioncharts는 3d 느낌이라 좋아 보이는데 자세히 본게 아니라 어떨지 모르겠네?
[링크 : https://www.chartjs.org/]
[링크 : https://www.fusioncharts.com/]
+
script 넣는 위치로 고민하다가 해결(?) 다음글로 확인 ㅋㅋ
아무튼 type을 변경하면 원하는 그래프가 나오는데...
canvas 요즘 지원안하는 브라우저 없겠지? ㄷㄷㄷ
클라이언트 : IE6 지원하죠?
개발자 : 으아아아아아아
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="/js/Chart.min.js"></script> </head> <body> <div id="test" style="width:400px;"> <canvas id="myChart"></canvas> </div> <script> var ctx = document.getElementById('myChart').getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: "My First dataset", backgroundColor: 'rgb(255, 99, 132)', borderColor: 'rgb(255, 99, 132)', data: [0, 10, 5, 2, 20, 30, 45], }] }, // Configuration options go here options: {} }); </script> </body> </html> |
'파일방' 카테고리의 다른 글
| cairo (0) | 2018.12.20 |
|---|---|
| swagger.io (0) | 2018.09.07 |
| 웹에서 회면 캡쳐하기 (2) | 2018.09.03 |
| 무료 오프라인 지도 (4) | 2018.08.31 |
| mobaXterm (2) | 2018.08.14 |
