chart.js 누적 막대 그래프 만들기 (+ 데이터 변수 적용)
위에 막대그래프를 누적막대그래프로 만들기 전에 const ctx = $('#test-chart'); const myChart = new Chart(ctx, { type:'bar', data:{ labels:['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets:[ { label:'2021', data:[10,8,6,5,12,7], backgroundColor:'rgba(203,206,145,.5)', borderColor:'#CBCE91', borderWidth:1 }, { label:'2020', data:[5,10,5,3,4,2], backgroundColor:'rgba(203,206,145,.5)', borderColor:'#CBCE91'..
2022. 2. 2.
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.
