본문 바로가기

Library & Framework/JS Libraries

(3)
[AnyChart] AnyChart Trial Version (체험판 문구) 지우는 방법(JQeury) AnyChart를 이용하여 차트를 구현했는데 하단에 있는 AnyChart Trial Version이라고 써져있는 체험판 문구를 지우고 싶었다. chart.getCredits().setEnabled(false);을 넣으라는 글을 깃허브에서 보긴 했으나 full version을 구매한 후 가능한 얘기인 것 같았다. 그래서 나는 아주 간단한 방법으로 체험판 문구를 삭제했다. F12를 눌러 체험판 문구가 있는 곳의 코드를 확인해보니, 클래스 명이 "anychart-credits"으로 되어있었다. 클래스명도 알았겠다, 나는 JQuery의 remove()를 활용하여 체험판 문구를 삭제했다. remove()는 선택한 요소를 제거하는 메소드다. // initiate drawing the chart chart.draw(..
[Anychart] tag cloud 생성 시 글자 크기가 일정한 문제 해결한 과정 Anychart(자바스크립트 라이브러리)로 tag cloud 생성했을 때 다음과 같은 문제가 발생했다. value 값의 크기에 따라 글자 크기가 달라야 하는데 모두 글자 크기가 일정한 것이다. 공식문서에 나온 샘플을 그대로 복붙하면 해결되지 않을까란 생각에 아래와 같이 수정 및 추가를 했다. 다음 코드를 JSP에 수정 및 추가 JS에 아래 코드를 추가 // set chart title chart .title( 'Top 200 word\'s in "Alice\'s Adventures in Wonderland" by Lewis Carroll' ) // set array of angles, by which words will be placed .angles([0]) // enabled color range ...
[Kendo UI] Grid에 row numbers 추가하는 방법 (JQuery) Grid에 row numbers를 어떻게 추가하나 검색해보니, 공식문서에는 다음과 같이 설명이 되어있다. 주요 내용을 요약하자면, 1. record 변수를 선언해준다(var record = 0;). 2. columns 안에 template: "#= ++record #"을 추가해준다. 3. 아래를 추가해준다. dataBinding: function() { record = (this.dataSource.page() -1) * this.dataSource.pageSize();} 전체코드(출처: Kendo UI 공식문서) 그런데 내가 직접 했을 때 문제가 생겼다. var record = 0;과 같이 변수 선언을 했는데 record 변수가 한번도 안 읽혔다는 안내가 나왔다. 그리고 서버에 실행했을 때에 테이블에 ..