Wordcloud chart (special Chart)

WordCloud 차트는 가중치(값)에 따라 단어의 크기, 위치, 색을 지정하고 단어를 시각적으로 표현하는 차트입니다.
단일 시리즈이며 그 한 개의 시리즈에 단어와 가중치 데이터로 구성되어 있습니다.
제약사항 차트를 생성할때, opt.plugin값을 d3로 설정하고 사용해야 하고 opt.widthopt.height값은 300px이상으로만 설정해야 합니다.(※너무 작을경우 차트가 표현될 수 없음) %로 설정되었을때 부모의 너비 / 높이300px 보다 작게 값을 설정하지 않도록 해야 합니다.

Example

//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
});

s

Since

version desc
7.3.0.0