Added charts

2020-11-21 17:40:05 +01:00
parent 1d438bc349
commit f85346aea9
8 changed files with 596 additions and 12 deletions
--- a/Birdmap.API/ClientApp/src/components/dashboard/charts/HeatmapChart.jsx
+++ b/Birdmap.API/ClientApp/src/components/dashboard/charts/HeatmapChart.jsx
@ -0,0 +1,54 @@
+import React, { Component } from 'react';
+import Chart from 'react-apexcharts';
+import { blueGrey, green, red } from '@material-ui/core/colors';
+
+export class HeatmapChart extends Component {
+    constructor(props) {
+        super(props)
+    
+        this.state = {
+            options: {
+                chart: {
+                    animations: {
+                        enabled: false,
+                        easing: 'linear',
+                        speed: 1000,
+                        animateGradually: {
+                            enabled: false,
+                        },
+                        dynamicAnimation: {
+                            enabled: true,
+                            speed: 500
+                        }
+                    }
+                },
+                dataLabels: {
+                  enabled: false
+                },
+                colors: [blueGrey[900]],
+                title: {
+                  text: props.label,
+                  style: {
+                    fontSize: '22px',
+                    fontWeight: 600,
+                    fontFamily: 'Helvetica, Arial, sans-serif',
+                  },
+                },
+              },
+        }
+    }
+    
+
+    render() {
+        return (
+            <Chart
+                options={this.state.options} 
+                series={this.props.series} 
+                type="heatmap"
+                height={600}
+            />
+        )
+    }
+}
+
+export default HeatmapChart