chart.js 수평막대그래프 만들기
지난 포스팅에서 수직 막대그래프를 만들었는데 이번에는 수평 막대그래프를 만드는 방법이다. 엄청 간단하다. 수직 막대그래프와 동일한 방식으로 만든 후에 options값만 추가하면 된다. options:{ indexAxis: 'y' //수평차트 만들기 } 전체 스크립트 코드 const ctx3 = $('#test-chart3'); const myChart3 = new Chart(ctx3, { type:'bar', data:{ labels:['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets:[ { label:'2021', data:[10,8,6,5,12,7], backgroundColor:["#ff0000","#0000ff","yellow","g..
2022. 1. 29.
단축키
내 블로그
| 내 블로그 - 관리자 홈 전환 |
Q
Q
|
| 새 글 쓰기 |
W
W
|
블로그 게시글
| 글 수정 (권한 있는 경우) |
E
E
|
| 댓글 영역으로 이동 |
C
C
|
모든 영역
| 이 페이지의 URL 복사 |
S
S
|
| 맨 위로 이동 |
T
T
|
| 티스토리 홈 이동 |
H
H
|
| 단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.
