deep-viz/lib/Echarts/MapScatter.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),_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)}require("../assets/echarts/map/china");var MapScatter=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 o=e.dataConfig,t=e.mapConfig,a=e.geoCoordMap,r=e.onTooltipFormat;var n={tooltip:{enterable:!0,trigger:"item"},legend:{orient:"vertical",y:"bottom",x:"right",data:[],textStyle:{color:this.fontColor}},geo:{map:"china",label:{emphasis:{show:!1}},itemStyle:{normal:{areaColor:t&&t.areaColor?t.areaColor:"#f3f3f3",borderColor:t&&t.borderColor?t.borderColor:"#C0B796",borderWidth:t&&t.borderWidth?t.borderWidth:1},emphasis:{areaColor:t&&t.hoverColor?t.hoverColor:"rgba(243,243,243,.5)"}}},series:[]};return r&&(n.tooltip.formatter=function(e){return r(e)}),o.title&&(n.title={text:o.title.text,subtext:o.title.subtext,textStyle:{color:this.titleColor,fontSize:this.titleSize}}),o.options.forEach(function(e,t){n.legend.data.push(e.name),n.series.push({name:e.name,type:e.type,coordinateSystem:"geo",data:function(e){for(var t=[],r=0;r<e.length;r++){var o=a[e[r].name];o&&t.push({name:e[r].name,value:o.concat(e[r].value)})}return t}(e.data),rippleEffect:{brushType:"stroke"},symbol:e.symbol,symbolSize:function(e){var r,e=7*e[2]/(e=o.options,r=[],e.forEach(function(e){var t=[];e.data.forEach(function(e){t.push(e.value)});e=Math.max.apply(Math,t)-Math.min.apply(Math,t);r.push(e)}),r[t]);return 15<e?15:e<8?8:e},itemStyle:{normal:{color:e.color},emphasis:{borderColor:"#fff",borderWidth:1}}})}),n}},{key:"render",value:function(){return _react2.default.createElement(_echartsForReact2.default,{option:this.getOption(this.props),notMerge:!0,lazyUpdate:!1,style:this.props.style||{height:250,width:"100%"},onEvents:this.props.onEvents})}}]),e}();(exports.default=MapScatter).propTypes={title:_propTypes2.default.object,geoCoordMap:_propTypes2.default.object,mapConfig:_propTypes2.default.shape({areaColor:_propTypes2.default.string,hoverColor:_propTypes2.default.string,borderWidth:_propTypes2.default.number,borderColor:_propTypes2.default.string}),dataConfig:_propTypes2.default.shape({name:_propTypes2.default.string,symbol:_propTypes2.default.string,color:_propTypes2.default.string,data:_propTypes2.default.array}).isRequired,style:_propTypes2.default.object,onTooltipFormat:_propTypes2.default.func,onEvents:_propTypes2.default.object};