diff --git a/src/component/traffic/TrafficChart.jsx b/src/component/traffic/TrafficChart.jsx index 18f0fff..fe43039 100644 --- a/src/component/traffic/TrafficChart.jsx +++ b/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 (
- +