#905 Charts className fixed

src/assets/css/indicator.css

@@ -5,6 +5,7 @@
 }
 
 .kpis-wrapper {
+    clear:both;
     margin: -.5rem;
     display: flex;
     flex-direction: row;

src/components/charts/PieChartComponent/svg.js

@@ -1,12 +1,12 @@
 import * as d3 from 'd3';
 
 export const getSvg = (chartClass, width, height, wrapperWidth) => {
-    d3.select('.chart-item').remove();
+    d3.select('.chart-item' + chartClass).remove();
     const svg = d3.select('.' + chartClass)
             .attr('width', width)
             .attr('height', height)
             .append('g')
-            .attr('class', 'chart-item');
+            .attr('class', 'chart-item' + chartClass);
 
     const chart = svg
         .attr('width', width)
@@ -21,4 +21,4 @@ export const getSvg = (chartClass, width, height, wrapperWidth) => {
             .attr('class', 'slices');
 
     return svg;
-};
+};

src/components/charts/RawChart.js

@@ -47,16 +47,7 @@ class RawChart extends Component {
         const { pollInterval, noData } = this.props;
 
         if(noData) return;
-
-        this.fetchData();
-
-        if (pollInterval){
-            this.setState({
-                intervalId: setInterval(() => {
-                    this.fetchData();
-                }, pollInterval * 1000)
-            })
-        }
+        this.init();
     }
 
     componentWillUnmount(){
@@ -70,6 +61,19 @@ class RawChart extends Component {
             })
         }
     }
+
+    init = () => {
+        const {pollInterval} = this.props;
+        this.fetchData();
+
+        if (pollInterval){
+            this.setState({
+                intervalId: setInterval(() => {
+                    this.fetchData();
+                }, pollInterval * 1000)
+            })
+        }
+    }
 
     getData() {
         const { id, chartType } = this.props;

src/components/dashboard/ChartWidget.js

@@ -39,7 +39,8 @@ export class ChartWidget extends Component {
         } = this.state;
 
         const isMaximized = idMaximized === id;
-
+        if(!isMaximized && typeof idMaximized === 'number') return false;
+
         return (
             <div>
                 <div