WordCloud 차트는 가중치(값)에 따라 단어의 크기, 위치, 색을 지정하고 단어를 시각적으로 표현하는 차트입니다.
단일 시리즈이며 그 한 개의 시리즈에 단어와 가중치 데이터로 구성되어 있습니다.
제약사항
차트를 생성할때,opt.plugin
값을d3
로 설정하고 사용해야 하고opt.width
와opt.height
값은300px
이상으로만 설정해야 합니다.(※너무 작을경우 차트가 표현될 수 없음)%
로 설정되었을때 부모의너비
/높이
가300px
보다 작게 값을 설정하지 않도록 해야 합니다.
//wordcloud 차트 생성
createIBChart(chart,"myChart", {
width: "500px",
height: "500px",
plugin: "d3"
});
//wordcloud 차트 설정
myChart.setOptions({
chart: {
type: "wordcloud"
}
}, {
append: false
});
//wordcloud 데이터 로드
myChart.loadSearchData({
"ibchart": {
"data": [{
"series": [{
"seriesName": "WordCloud",
"pointName": "IBLeaders",
"value": 50
}]
}, {
"series": [{
"pointName": "javascript",
"value": 40
}]
}, {
"series": [{
"pointName": "D3.js",
"value": 15
}]
}, {
"series": [{
"pointName": "웹표준",
"value": 30
}]
}, {
"series": [{
"pointName": "CrossBrowsing",
"value": 30
}]
}, {
"series": [{
"pointName": "Front-end",
"value": 30
}]
}, {
"series": [{
"pointName": "Back-end",
"value": 30
}]
}, {
"series": [{
"pointName": "ECMAScript",
"value": 20
}]
}, {
"series": [{
"pointName": "Web",
"value": 15
}]
}, {
"series": [{
"pointName": "C++",
"value": 20
}]
}, {
"series": [{
"pointName": "C#",
"value": 25
}]
}, {
"series": [{
"pointName": "JAVA",
"value": 38
}]
}, {
"series": [{
"pointName": "HTML",
"value": 40
}]
}, {
"series": [{
"pointName": "AngularJS",
"value": 30
}]
}, {
"series": [{
"pointName": "jQuery",
"value": 35
}]
}, {
"series": [{
"pointName": "CSS",
"value": 32
}]
}, {
"series": [{
"pointName": "솔루션",
"value": 45
}]
}, {
"series": [{
"pointName": "Solution",
"value": 45
}]
}, {
"series": [{
"pointName": "Language",
"value": 15
}]
}, {
"series": [{
"pointName": "Support",
"value": 15
}]
}, {
"series": [{
"pointName": "IBSheet 7",
"value": 25
}]
}, {
"series": [{
"pointName": "IBSheet(H) 7",
"value": 24
}]
}, {
"series": [{
"pointName": "IBChart(H) 7",
"value": 20
}]
}, {
"series": [{
"pointName": "IBMultiCombo(H) 7",
"value": 17
}]
}, {
"series": [{
"pointName": "IBUpload(H) 7",
"value": 17
}]
}, {
"series": [{
"pointName": "IBMDITab(H) 7",
"value": 17
}]
}, {
"series": [{
"pointName": "IBMaskEdit(H) 7",
"value": 17
}]
}]
}
}, {
append: true
});
version | desc |
---|---|
7.3.0.0 |