deep-viz/lib/Echarts/RadarChart.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 _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 RadarChart=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,o=[],a=[];t.values.length&&t.indicator.forEach(function(e){o.push({text:e,max:t.max})}),t.values.forEach(function(e){a.push({value:e,name:t.indicator})});var i=(_defineProperty(p={show:t.formatter,trigger:"item"},t.position?"position":"",t.position||""),_defineProperty(p,t.formatter?"formatter":"",r||""),p),n={indicator:o,center:["50%","50%"],radius:t.radius,shape:"polygon",nameGap:15,splitNumber:5},e=[{type:"radar",areaStyle:{normal:{opacity:t.opacity||.8,color:t.paddingColor||"#0080ff"}},label:{normal:{show:!1}},lineStyle:{normal:{color:t.lineColor||"#ffffff"}},itemStyle:{normal:{color:t.color||"#0080ff"}},data:a}],r={show:!1,left:t.grid&&t.grid.left||10,right:t.grid&&t.grid.right||0,top:t.grid&&t.grid.top||30,bottom:t.grid&&t.grid.bottom||10,borderColor:this.gridColor,containLabel:!0},p={show:!!t.toolbox,itemSize:this.fontSize,iconStyle:{normal:{borderColor:this.fontColor},emphasis:{borderColor:this.emphasisColor}},feature:{dataZoom:{},dataView:{readOnly:!1},restore:{},saveAsImage:{}},right:15,top:0};return{tooltip:i,legend:{x:"right",data:[""]},radar:n,series:e,textStyle:t.textStyle||{color:this.fontColor,fontSize:this.fontSize},grid:r,toolbox:p}}},{key:"render",value:function(){return _react2.default.createElement(_echartsForReact2.default,{option:this.getOption(this.props),style:this.props.style||{height:250,width:"100%"},notMerge:!0,lazyUpdate:!1,onEvents:this.props.onEvents})}}]),e}();(exports.default=RadarChart).propTypes={color:_propTypes2.default.array,config:_propTypes2.default.shape({indicator:_propTypes2.default.array.isRequired,values:_propTypes2.default.array.isRequired,max:_propTypes2.default.number.isRequired,name:_propTypes2.default.string,position:_propTypes2.default.string,radius:_propTypes2.default.oneOfType([_propTypes2.default.number,_propTypes2.default.string]).isRequired,formatter:_propTypes2.default.bool,paddingColor:_propTypes2.default.string,lineColor:_propTypes2.default.string,textStyle:_propTypes2.default.object,grid:_propTypes2.default.object,toolbox:_propTypes2.default.bool}).isRequired,style:_propTypes2.default.object,onTooltipFormat:_propTypes2.default.func,onEvents:_propTypes2.default.object};