JS Array를 통한 c3 그래프

1937 단어 교육c3c3

JS Array, push(), pop(), sort(), splice(), unshift()을 이제 이해했다.
배열 값에 자꾸 값이 이상하게 들어오길래 도대체 뭐가 문젠지 생각하다가 2시간을 보냈다.
머리를 쥐어짜 배열 첫번째 순서에 값을 넣으면 좋을 거 같다는 생각을 했고 찾아보니 unshift()가 있어 배열의 처음에 요소를 추가할 수 있었다.


위에 보이는 배열 첫번째 인덱스에 unshift()를 사용하여 추가를 해줬다.-> 조회수가
인덱스(0)에 찍히는 것을 확인할 수 있었다.

이와 별개로 x축에 다른 배열값을 넣고 싶으면 배열 만들어서 chart x축에 넣으면 된다.

 //x축 배열 만들기
	  var selectContents = [];
	  for(var i in list2){
		  var data = list[i]
		  console.log(data)
		  var arr3 = [];
		  arr3.push(data.게시글명)
		  selectContents.push(arr3)
	  }
      console.log("selectContents", selectContents)

이를 통해 selectContents 값이 axis안에 배열로 들어가게 된다.

var chart = c3.generate({
	    bindto: "#chart",
	    data: {
	        columns: [
	            ReadCntcolumns,
	            columns
	        ],
	        axes: {
	            selectReadCnt: 'y'
	        },
	        types: {
	            selectReadCnt: 'area'
	        }
	    },
	    axis: {
	        x: {
	            label: {
	                text: '게시판 그래프 테스트',
	                position: 'outer-center',
	            },
	            type: 'category',
	            categories: selectContents,
	            tick: {
	                centered: true
	            }
	        },
	        y: {
	            label: {
	                text: '갯수',
	                position: 'outer-middle'
	            },
	        }
	    },
	});
    ```   

이렇게 x축에 배열이 잘 들어가 있는 것을 확인하면 성공!

좋은 웹페이지 즐겨찾기