파일방2018.09.04 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
차트 관련 자바스크립트  (3) 2018.09.04
웹에서 회면 캡쳐하기  (2) 2018.09.03
무료 오프라인 지도  (4) 2018.08.31
mobaXterm  (2) 2018.08.14
Posted by 구차니

댓글을 달아 주세요

  1. ㅋㅋ IE6 대박인데요

    2018.09.06 10:28 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그래도 설마 그러진 않겠죠? ㅠㅠ

      2018.09.06 10:29 신고 [ ADDR : EDIT/ DEL ]
    • 개인적으로 꼭 IE6 지원이 요구사항에 포함되길 희망합니다.
      그럼 구차니님의 실력향상에 큰 도움이 되실거라는 생각때문에.. ^o^

      2018.09.06 10:33 신고 [ ADDR : EDIT/ DEL ]