deep-viz/lib/Echarts/ScatterNet.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 _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,o=arguments[t];for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_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),_echartsForReact=require("echarts-for-react"),_echartsForReact2=_interopRequireDefault(_echartsForReact),_propTypes=require("prop-types"),_propTypes2=_interopRequireDefault(_propTypes),_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 ScatterNet=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:"genOption",value:function(e){var t=e.config,r=e.color,o=t.data,n=t.x,i=t.y,a=t.maxSize,e=t.minSize,c=[],s=[],u={},l={};o.forEach(function(e){"effect"===e.type?(s=e.typeData,l="option"in e?e.option:{}):(c=e.typeData,u="option"in e?e.option:{})});var p=a||20,f=e||5,e=0<c.length?c:s,y=e.reduce(function(e,t){return e[2]>t[2]?e:t})[2],_=e.reduce(function(e,t){return e[2]>t[2]?t:e})[2],e={type:"category",data:[],splitLine:{show:!0,lineStyle:{color:this.fontColor,type:"dashed"}},nameTextStyle:{color:this.fontColor,fontSize:this.fontSize},axisLabel:{textStyle:{color:this.fontColor,fontSize:this.fontSize}},scale:!0};return _extends({grid:{left:20,right:20,bottom:0,top:50,containLabel:!0},title:{text:""},legend:{show:!1},tooltip:{formatter:function(e){return e.value[2]}},xAxis:_extends({},e,n),yAxis:_extends({},e,{nameLocation:"start"},i),series:[_extends({type:"scatter",itemStyle:{normal:{color:r&&"normal"in r?r.normal:"#D7D7D7"}},symbolSize:function(e){return f+(e[2]-_+.1)/(y-_+.1)*(p-f)},animationDelay:function(e){return 5*e},data:c},u),_extends({type:"effectScatter",itemStyle:{normal:{color:r&&"effect"in r?r.effect:"#108EE9"}},z:10,symbolSize:function(e){return f+(e[2]-_+.1)/(y-_+.1)*(p-f)},data:s},l)]},t.option)}},{key:"render",value:function(){return _react2.default.createElement(_echartsForReact2.default,{style:this.props.style||{height:450,width:"100%"},option:this.genOption(this.props),lazyUpdate:!1,notMerge:!0})}}]),e}();(exports.default=ScatterNet).propTypes={config:_propTypes2.default.shape({x:_propTypes2.default.object.isRequired,y:_propTypes2.default.object.isRequired,data:_propTypes2.default.array.isRequired})};