본문 바로가기

분류 전체보기142

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.
백준 알고리즘 2581번 문제 풀이 (c언어, 자바) 백준 알고리즘 2581번 문제는 다음과 같습니다. M과 N사이의 소스들의 합과 최솟값을 구하는 문제입니다. 1. M이 1일경우 1은 소수가 아니기 때문에 1을 증가시켜주고 시작합니다. 2. M부터 N까지니 for문을 M부터 시작해 N까지 돌려 줍니다. 3. for문 안에 for문을 만들어 소수인지 확인을 합니다. 소수가 아니라면 check를 0으로 만들고 나옵니다. 4. 만약 check값이 1이라면 소수이므로, sum에 더해주고 min값을 설정해 줍니다. 5. for문을 모두 빠져나왓을때 sum이 0이라면 -1을 출력해주고 0이 아니라면 sum값과 min값을 출력해 줍니다. C언어 #include int main(){ int m,n; int sum=0; int min=10001; scanf("%d %d".. 2019. 7. 24.

티스토리툴바