파일방2018. 9. 4. 17:14

조만간 자바스크립트 만세 부를듯.. -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
Posted by 구차니