DOJO 검색하다 지쳐서 내가 만든 블로그

Pie & Animation Chart Example Code Table 6 Pie & Animation Chart Code Code 설명 theme를 load해야 하는데 나중에 tooltip으로 나오는 메세지가 theme랑 연관되어 있기 때문이다. plot2d/Pie는 Pie chart를, action2d/Highlight는 그래프를 선택했을 때 색 변화를 주기 위해서, action2d/MoveSlice는 그래프를 선택했을 때 선택한 부분이 움직이기 위해서, action2d/Tooltip은 그래프를 선택했을 때 부가 설명을 보여주기 위해서, widget/Legend는 그래프에 나오는 항목을 표기하기 위해서 호출하였다. labelOffset은 Pie Chart의 각 Slice 부분에 있는 각 label들..

ClusteredColumns & Animation Chart Code Example

Dojo Column Chart & Chart Theme Setting Example Code Table 4 Column Chart & Chart Theme Setting Code Code 설명 require문에서는 Column Chart를 그리기 위해 plot2d/Columns를 불렀고 theme를 설정하기 위해 themes/PlotKit/blue 호출하였다. addPlot()함수에 type을 Columns로 주었고, gap은 Bar와 Bar사이의 간격인데 2로 설정하였다. 마지막으로 setTheme()함수로 PlotKitBlue Theme를 적용하였다. 결과 화면 Figure 3 Table 4 결과 화면

Area Chart & 두 개의 그래프 그리기 Code Table 3 Area & 두 개의 그래프 Code Code 설명 하나의 Chart안에 서로 다른 두 개의 그래프를 그린 코드이다. 우선 Area를 그리기 위해 plot2d/Areas를 호출하였다. Line에는 value를 표시하는 marker를 주었고 tension을 3으로 설정하여 부드럽게 표현하였다. 그리고 addSeries()에서 Series 2의 경우에는 plot를 someOtherPlot으로 설정하여 Area module을 불러오고 선 색와 Area의 색은 blue로 통일하였다. 결과 화면 Figure 2 Table 3 결과 화면

Dojo Line Chart Example Code Table 1 Dojo Line Chart Code Code 설명 우선 Chart를 그리기 위해 Chart module과 Chart type중 Line을 쓰기 위해 Line chart, 그리고 Chart에 쓰일 축을 위해 axis2d를 불러온다. chart 생성을 하기 위해 해당 div id값을 넣어준다. addPlot으로 Chart를 default 값, Chart type을 Line으로 설정한다. 그리고 Chart에 대한 x, y축을 추가하고, 그릴려고 하는 데이터 값을 addseries로 나타낸 뒤 render 함수로 뿌려준다. Dojo chart Instruction 우선 Chart를 생성하기 위해 var chart = new Chart("test..