💄 fixed behaviour of radarchart with regression

Author: WilliamsRizzi

src/__tests__/components/chart/RadarChartCard.test.js

@@ -2,13 +2,14 @@ import React from 'react';
 import {shallow} from 'enzyme';
 import RadarChartCard from '../../../components/chart/RadarChartCard';
 import ReactApexChart from 'react-apexcharts';
+import {CLASSIFICATION} from '../../../reference';
 
 const labels = ['f1_score', 'accuracy', 'precision', 'recall', 'auc'];
 const values = [1, 0.8, 0.1, 0.3, 0];
 
 describe('RadarChartCard', () => {
   it('renders with full data', () => {
-    const element = shallow(<RadarChartCard data={values} labels={labels}/>);
+    const element = shallow(<RadarChartCard data={values} labels={labels} radarType={CLASSIFICATION}/>);
     expect(element).toBeDefined();
     const chartProps = element.find(ReactApexChart).props();
     expect(element.find(ReactApexChart).length).toBe(1);
@@ -19,7 +20,7 @@ describe('RadarChartCard', () => {
   });
 
   it('renders without labels', () => {
-    const element = shallow(<RadarChartCard data={values} labels={[]}/>);
+    const element = shallow(<RadarChartCard data={values} labels={[]} radarType={CLASSIFICATION}/>);
     expect(element).toBeDefined();
     const chartProps = element.find(ReactApexChart).props();
     expect(element.find(ReactApexChart).length).toBe(1);
@@ -28,7 +29,7 @@ describe('RadarChartCard', () => {
   });
 
   it('renders without data', () => {
-    const element = shallow(<RadarChartCard data={[]} labels={[]}/>);
+    const element = shallow(<RadarChartCard data={[]} labels={[]} radarType={CLASSIFICATION}/>);
     expect(element).toBeDefined();
     const chartProps = element.find(ReactApexChart).props();
     expect(element.find(ReactApexChart).length).toBe(1);

src/components/chart/ControlledRadarChartCard.js

@@ -127,6 +127,7 @@ class ControlledRadarChartCard extends Component {
       <RadarChartCard
         data={radarChartData}
         labels={this.state.radarCharLabels}
+        radarType={this.props.predictionMethod}
       />
     );
     const style = {

src/components/chart/RadarChartCard.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import ReactApexChart from 'react-apexcharts';
+import {CLASSIFICATION, REGRESSION, TIME_SERIES_PREDICTION} from '../../reference';
 
 const RadarChartCard = props => {
   let radarstates = {
@@ -48,6 +49,11 @@ const RadarChartCard = props => {
     }
   };
 
+  if (props.radarType == REGRESSION) {
+    delete radarstates.options.yaxis['min'];
+    delete radarstates.options.yaxis['max'];
+  }
+
   return (
     <ReactApexChart
       options={radarstates.options}
@@ -60,7 +66,8 @@ const RadarChartCard = props => {
 
 RadarChartCard.propTypes = {
   data: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired,
-  labels: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired
+  labels: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired,
+  radarType: PropTypes.oneOf([CLASSIFICATION, REGRESSION, TIME_SERIES_PREDICTION]).isRequired,
 };
 
 export default RadarChartCard;