SMART datagrid v1.4 > Examples
몇 가지 스타일을 조정하고, 그리드 GridBase.headerItems에 챠트 모델을 지정해서 그리드를 챠트뷰로 활용할 수 있다. 또, 아래 예제에서는 그리드에 데이터셋을 연결하지 않고, 챠트 시리즈에 직접 시리즈 항목들을 지정했다.
컬럼 하나가 그리드 전체 너비를 차지하게 하고, 경계선등을 조정해서 중복된 선 등이 표시하지 않도록 한다.
grid.setOptions({
display: {
// 컬럼셀이 전체 너비를 차지하도록 한다.
fitStyle: null
});
headerItems: {
// 챠트가 전체 높이를 차지하도록 한다.
fillHeight: 1,
// 챠트 경계선들을 없앤다.
styles: {
borderRight: null,
borderBottom: null,
},
...
}
});
// 챠트가 표시되는 셀의 우측 경계선을 제거한다.
grid.loadStyles({
body: {
borderRight: null
},
header: {
borderRight: null
}
});
시리즈 항목들을 직접 설정할 수도 있다.
var chart = {
...
series: [{
...
items: [{
year: '2000',
value: 53
}, {
year: '2001',
value: 73
},
...
]
}]
};