deep-viz/lib/Echarts/WordCloud.js

A React component library, provide concise and beautiful diversity charts with Canvas, SVG, E-map, WebGL, Dom, based on data visualization experience and commercial data display practice.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function o(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,r){return t&&o(e.prototype,t),r&&o(e,r),e}}(),_react=require("react"),_react2=_interopRequireDefault(_react),_propTypes=require("prop-types"),_propTypes2=_interopRequireDefault(_propTypes);require("echarts-wordcloud");var _echartsForReact=require("echarts-for-react"),_echartsForReact2=_interopRequireDefault(_echartsForReact),_Basic2=require("./Basic"),_Basic3=_interopRequireDefault(_Basic2);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var WordCloud=function(){function e(){return _classCallCheck(this,e),_possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return _inherits(e,_Basic3.default),_createClass(e,[{key:"getOption",value:function(e){var t=e.config,r=e.onTooltipFormat,e={tooltip:{trigger:"axis",enterable:!0},series:[{type:"wordCloud",sizeRange:t.sizeRange||[6,66],rotationRange:t.rotationRange||[-90,90],shape:"circle",left:t.left||"center",top:t.top||"center",width:t.width||"70%",height:t.height||"80%",right:t.right||null,bottom:t.bottom||null,rotationStep:t.rotationStep||45,gridSize:t.gridSize||10,drawOutOfBound:!1,textStyle:{normal:{fontFamily:t.fontFamily||"sans-serif",fontWeight:t.fontWeight||"bold",color:function(){return"rgb("+[Math.round(160*Math.random()),Math.round(160*Math.random()),Math.round(160*Math.random())].join(",")+")"}},emphasis:{shadowBlur:t.shadowBlur||10,shadowColor:t.shadowColor||"#333"}},data:t.data}]};return t.title&&(e.title={text:t.title,subtext:t.subtitle,textStyle:{color:this.titleColor,fontSize:this.titleSize},x:"center"}),r&&(e.tooltip.formatter=function(e){return r(e)}),e}},{key:"render",value:function(){return _react2.default.createElement(_echartsForReact2.default,{option:this.getOption(this.props),style:this.props.style||{height:500,width:"100%"},notMerge:!1,lazyUpdate:!1,onEvents:this.props.onEvents})}}]),e}();(exports.default=WordCloud).propTypes={config:_propTypes2.default.shape({data:_propTypes2.default.array.isRequired,gridSize:_propTypes2.default.number,sizeRange:_propTypes2.default.array,rotationRange:_propTypes2.default.array,rotationStep:_propTypes2.default.number,left:_propTypes2.default.string,right:_propTypes2.default.string,center:_propTypes2.default.string,bottom:_propTypes2.default.string,width:_propTypes2.default.string,height:_propTypes2.default.string,fontFamily:_propTypes2.default.string,fontWeight:_propTypes2.default.string,title:_propTypes2.default.string,subtitle:_propTypes2.default.string}).isRequired,style:_propTypes2.default.object,onTooltipFormat:_propTypes2.default.func,onEvents:_propTypes2.default.object};