# Wordcloud chart (special Chart)

> WordCloud 차트는 가중치(값)에 따라 단어의 크기, 위치, 색을 지정하고 단어를 시각적으로 표현하는 차트입니다.
> 단일 시리즈이며 그 한 개의 시리즈에 단어와 가중치 데이터로 구성되어 있습니다.
> `제약사항` 차트를 생성할때, `opt.plugin`값을 `d3`로 설정하고 사용해야 하고 `opt.width`와 `opt.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
    });

### Since

version | desc
--- | ---
7.3.0.0 |