cleanop plot

src/component/traffic/TrafficChart.jsx

@@ -7,13 +7,18 @@ import ReactApexChart from "react-apexcharts";
             series: [
               {
                 // name: "High - 2013",
-                name: 'High',
+                name: 'Professional Website',
                 data: [28, 29, 33, 36, 32, 32, 33, 33, 36, 32, 32, 33]
               },
               {
                 // name: "Low - 2013",
-                name: 'Low',
+                name: 'Personal Website',
                 data: [12, 11, 14, 18, 17, 13, 13, 14, 18, 17, 13, 13]
+              },
+              {
+                // name: "Low - 2013",
+                name: 'Personal Forum',
+                data: [10, 11, 14, 18, 17, 13, 13, 14, 10, 17, 13, 10]
               }
             ],
             options: {
@@ -35,7 +40,7 @@ import ReactApexChart from "react-apexcharts";
                   show: false
                 }
               },
-              colors: ['#77B6EA', '#545454'],
+              colors: ['#77B6EA', '#545454', '#F50898'],
               dataLabels: {
                 enabled: true,
               },
@@ -43,7 +48,7 @@ import ReactApexChart from "react-apexcharts";
                 curve: 'smooth'
               },
               title: {
-                text: 'Average High & Low Temperature',
+                text: 'Recent Sites Traffic',
                 align: 'left'
               },
               grid: {
@@ -64,7 +69,7 @@ import ReactApexChart from "react-apexcharts";
               },
               yaxis: {
                 title: {
-                  text: 'Temperature'
+                  text: 'Visits'
                 },
                 min: 5,
                 max: 40
@@ -86,7 +91,7 @@ import ReactApexChart from "react-apexcharts";
         return (
           <div>
             <div id="chart">
-                <ReactApexChart options={state.options} series={state.series} type="line" height={350} />
+                <ReactApexChart options={state.options} series={state.series} type="line" height={450} />
               </div>
             <div id="html-dist"></div>
           </div>