프로그래밍98 Chart.js 데이터 추가/ 데이터 삭제/ 데이터셋 추가/ 데이터셋 삭제 / 데이터 변경 우선 Chart를 조작 하기 위하여 차트를 그려준다. 데이터 변경 데이터 추가 데이터셋 추가 데이터 삭제 데이터셋 삭제 데이터 변경 //데이터 변경 document.getElementById('reData').onclick = function(){ //데이터셋 수 만큼 반복 var dataset = config.data.datasets; for(var i=0; i 2019. 7. 30. chart.js 크기 조정 / 사이즈 조정 chart.js 샘플을 가져와 실행시켜보면 엄청 크다 ... 그래서 chart의 크기를 변경하는 방법을 찾아보았다. 1. chart.js 정적 크기 우선 chart를 그려줄 canvas태그를 넣어주고 원하는 높이와 넓이를 설정해 준다. 그 다음 차트 옵션에 responsive: false 를 추가시켜 준다. responsive는 디폴트로 true로 되어있기 때문에 false로 변경하여 주면 원하는 크기의 chart를 만들어 줄 수 있다. 2. chart.js 동적 크기 chart를 반응형으로 만들고 싶다면 reponsive는 false로 두고 canvas를 수정해 주면 된다. vh vw를 이용하여 반응형으로 만들어 주었다. vh vw를 이용하여 퍼센트처럼 사용할 수 있다. 위 처럼 reponsive옵션을.. 2019. 7. 25. Chart.js CDN / chart.js 다운로드 / chart.js 사용 예제 Chart.js 사이트 : https://www.chartjs.org/ 깃허브 다운로드 링크 : https://github.com/chartjs/Chart.js CDN : https://cdnjs.com/libraries/Chart.js 다운로드를 받으려면 GitHub에 들어간 뒤 43 releases를 클릭 후 아래로 내리다 보면 Assets가 있다. 원하는 버전의 Assets에 있는 Chart.js.zip파일을 다운받아 주면 된다. CDN을 이용하시려면 위 링크에 접속하여 CDN 주소를 확인 후 head부분에 추가해 주면 된다. 사용 예제 head에 스크립트를 등록해 준 뒤, 차트를 그릴 canvas 태그를 만들어 준다. 그 다음, 스크립트로 그려주면 된다. ctx에 canvas를 담고 chart에 .. 2019. 7. 25. 백준 알고리즘 4948 문제 풀이 (java) - 베르트랑 공준 다음은 4948번 문제입니다. 만약, 10이 주어지면 10(n)보다 크고 20(2n)보다는 작거나 같은 소수의 개수를 출력하는 문제입니다. 0을 입력받을 때까지 계속하여 입력을 받아야 하기 때문에 while문을 만들어 줍니다. 소수인지 아닌지 판단하기 위한 boolean타입의 배열을 n+1크기 만큼 만들어 주고, true로 초기화 해줍니다. (0과 1은 소수가 아니므로 false로 값 세팅) 2부터 N까지의 도는 for문을 만들어 줍니다. for문안에 j=2부터 j*i는 N과 같거나 작을때 까지 도는 포문을 만들어 줍니다. (약수가 있다는 것은 소수가 아니기 때문에 2부터 N까지의 배수들을 모두 false로 만들어 줌) data배열의 ture값 만큼 카운트를 증가해 줍니다. 이렇게 만들어 주면 문제를 풀.. 2019. 7. 24. 이전 1 ··· 7 8 9 10 11 12 13 ··· 25 다음