#latest #options
#latest
#options
Wordcloud 차트 고유 옵션입니다.
extend.wordcloud.envPadding
text간 padding 간격을 설정합니다
extend.wordcloud.envTextColor
text의 색상을 자동으로 할것인지를 설정합니다. (envTextColor='auto')
text의 색상을 특정색상으로 지정할 것인지를 설정합니다. 테스트를 위해 위의 항목을 체크해제해야 합니다.(envTextColor='#FFFFFF').
extend.wordcloud.envOpacityRange
~ text의 투명도를 설정합니다. ( value값에 비례해서 설정 )
extend.wordcloud.envOpacityRangeReverse
text의 투명도 설정시 min~max를 역으로 사용할 것인지를 설정합니다.
extend.wordcloud.envRotate
text에 회전(rotation)효과를 줄 것인지를 설정합니다. ( none, auto, 0~360 사이의 숫자를 입력하세요)
extend.wordcloud.envFontWeight
text의 폰트를 Bold로 할 것인지 normal로 할것인지를 설정합니다. (envFontWeight='bold')
extend.wordcloud.envFontSizeRange
~ text의 크기를 설정합니다. ( value값에 비례해서 설정 )
var chart = sb.chart.render("#chartWrap", { data: { type: "wordcloud", json: [ {"text":"SB Chart", "value":34}, {"text":"SB Grid", "value":32}, {"text":"SB Ux", "value":36}, {"text":"Softbowl", "value":46}, {"text":"Frontend", "value":12}, {"text":"javascript", "value":18}, {"text":"typescript", "value":16}, {"text":"높은 생산성", "value":16}, {"text":"쉬운 사용법", "value":18}, {"text":"조달쇼핑몰", "value":14}, {"text":"Pretty Cool", "value":12}, {"text":"Easy to build", "value":18}, {"text":"인재 채용 (바로당신 ~!)", "value":20}, {"text":"좋은 복지", "value":16}, {"text":"솔루션업체", "value":14}, {"text":"장기근속-포상휴가(오예~)", "value":14}, {"text":"장기근속-황금열쇠(굿~!)", "value":16}, {"text":"Family day (조기퇴근 와우~!)", "value":18}, {"text":"스낵바운영", "value":12}, {"text":"생일축하금", "value":14}, {"text":"배우자 생일축하금(배우자까지 ?)", "value":16}, {"text":"출산축하금 (레알 ?)", "value":18}, {"text":"체력단련비 (내건강을 회사가? 굿)", "value":14}, {"text":"유연근무제 (복잡한 출퇴근 노노~)", "value":16}, {"text":"건전한 회식문화", "value":12}, ], }, extend: { wordcloud: { envPadding: 1, envTextColor: "auto", envOpacityRange: { min: 0.2, max: 1, }, envOpacityRangeReverse: false, envRotate: "none", envFontWeight: "normal", envFontSizeRange: { min: 14, max: 80, }, } } });