appex legend added

src/components/SemiDonut/index.js

@@ -1,4 +1,7 @@
 import React, { Component } from "react";
+
+import "./index.scss";
+
 // import ReactApexChart from "react-apexcharts";
 // import ReactApexChart from "apexcharts";
 import Chart from "react-apexcharts";
@@ -12,7 +15,9 @@ class SemiDonut extends Component {
           type: "donut",
         },
         legend: {
-          show: false,
+          show: true,
+          position: "top",
+          // horizontalAlign: "center",
         },
         plotOptions: {
           pie: {

src/components/SemiDonut/index.scss

@@ -0,0 +1,13 @@
+.apexcharts-legend {
+  justify-content: center !important;
+  display: flex;
+  overflow: auto;
+  padding: 0 10px;
+  position: absolute !important;
+  left: 0px;
+  top: 200px !important;
+}
+
+.apexcharts-canvas {
+  top: -33px !important;
+}