json 2

nvd3.js - 기본적인 Data Format

nvd3.js 에서 지원하는 그래프를 위해서 data는 json으로 표현된다. 이를 위한 기본적인 json format은 다음과 같다. [ { key: "Series name1", color: "CSS color", values: [ {x: 0, y: 10}, {x: 1, y: 20}, {x: 2, y: 30} .... ] }, { key: "Series name2" ... } ] key : key는 그래프의 이름이다. 예를 들어 사과의 수확량, 배의 수확량을 표현하는 그래프가 있다고 한다면 이는 서로 다른 그래프로 표현될 수 있고, 이 때 이 두 각기 다른 그래프는 서로 다른 key로 표현된다. color: 그래프의 색을 정의할 수 있다. 예를 들어 color: "#ff7f0e" 와 같이 표현 가능하다..

Language/nvd3.js 2016.08.09

Slickgrid 와 django의 연동

현재 사용하고 있는 Django에 Slickgrid를 연동하였다. 기본적으로 slickgrid는 django의 static에 위치시키고 templete에서 호출하여 사용한다. (일반 이미지를 읽어 오듯이) 여기까지는 별다른 문제가 없는데 views.py 에서 templete로 넘기는 data 형식이 아직 감이 잡히지 않는다. 결국에는 json 형식으로 data를 생성하여 slickgrid 생성시에 argument로 넘겨줘야 하는데, django에서 json 형식으로 만들어서 templete로 넘겨 주는냐 아니면 dict 상태에서 templete로 넘겨 javascript에서 json 형태로 만들어서 사용하느냐의 차이일것 같다. grid = new Slick.Grid("#myGrid", data, colu..

Language/Javascript 2015.10.16