FloatSystems/float-fleet
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
DESKTOP-GBA0BK8\Admin
2023-03-25 20:44:56 -04:00
commit 97cc85c49d
711 changed files with 109164 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Pages/Charts/ApexCharts/AreaCharts/BasicAreaCharts.js
+297
View File
@@ -0,0 +1,297 @@
import React, { Component } from "react";
import Card from "@mui/material/Card";
import { Typography } from "@mui/material";
import dynamic from "next/dynamic";
const Chart = dynamic(() => import("react-apexcharts"), {
ssr: false,
});
const series = {
monthDataSeries1: {
prices: [
8107.85, 8128.0, 8122.9, 8165.5, 8340.7, 8423.7, 8423.5, 8514.3, 8481.85,
8487.7, 8506.9, 8626.2, 8668.95, 8602.3, 8607.55, 8512.9, 8496.25,
8500.65, 8881.1, 9340.85,
],
dates: [
"13 Nov 2018",
"14 Nov 2018",
"15 Nov 2018",
"16 Nov 2018",
"17 Nov 2018",
"20 Nov 2018",
"21 Nov 2018",
"22 Nov 2018",
"23 Nov 2018",
"24 Nov 2018",
"27 Nov 2018",
"28 Nov 2018",
"29 Nov 2018",
"30 Nov 2018",
"01 Dec 2018",
"04 Dec 2018",
"05 Dec 2018",
"06 Dec 2018",
"07 Dec 2018",
"08 Dec 2018",
],
},
monthDataSeries2: {
prices: [
8423.7, 8423.5, 8514.3, 8481.85, 8487.7, 8506.9, 8626.2, 8668.95, 8602.3,
8607.55, 8512.9, 8496.25, 8500.65, 8881.1, 9040.85, 8340.7, 8165.5,
8122.9, 8107.85, 8128.0,
],
dates: [
"13 Nov 2018",
"14 Nov 2018",
"15 Nov 2018",
"16 Nov 2018",
"17 Nov 2018",
"20 Nov 2018",
"21 Nov 2018",
"22 Nov 2018",
"23 Nov 2018",
"24 Nov 2018",
"27 Nov 2018",
"28 Nov 2018",
"29 Nov 2018",
"30 Nov 2018",
"01 Dec 2018",
"04 Dec 2018",
"05 Dec 2018",
"06 Dec 2018",
"07 Dec 2018",
"08 Dec 2018",
],
},
monthDataSeries3: {
prices: [
7114.25, 7126.6, 7116.95, 7203.7, 7233.75, 7451.0, 7381.15, 7348.95,
7347.75, 7311.25, 7266.4, 7253.25, 7215.45, 7266.35, 7315.25, 7237.2,
7191.4, 7238.95, 7222.6, 7217.9, 7359.3, 7371.55, 7371.15, 7469.2,
7429.25, 7434.65, 7451.1, 7475.25, 7566.25, 7556.8, 7525.55, 7555.45,
7560.9, 7490.7, 7527.6, 7551.9, 7514.85, 7577.95, 7592.3, 7621.95,
7707.95, 7859.1, 7815.7, 7739.0, 7778.7, 7839.45, 7756.45, 7669.2,
7580.45, 7452.85, 7617.25, 7701.6, 7606.8, 7620.05, 7513.85, 7498.45,
7575.45, 7601.95, 7589.1, 7525.85, 7569.5, 7702.5, 7812.7, 7803.75,
7816.3, 7851.15, 7912.2, 7972.8, 8145.0, 8161.1, 8121.05, 8071.25, 8088.2,
8154.45, 8148.3, 8122.05, 8132.65, 8074.55, 7952.8, 7885.55, 7733.9,
7897.15, 7973.15, 7888.5, 7842.8, 7838.4, 7909.85, 7892.75, 7897.75,
7820.05, 7904.4, 7872.2, 7847.5, 7849.55, 7789.6, 7736.35, 7819.4,
7875.35, 7871.8, 8076.5, 8114.8, 8193.55, 8217.1, 8235.05, 8215.3, 8216.4,
8301.55, 8235.25, 8229.75, 8201.95, 8164.95, 8107.85, 8128.0, 8122.9,
8165.5, 8340.7, 8423.7, 8423.5, 8514.3, 8481.85, 8487.7, 8506.9, 8626.2,
],
dates: [
"02 Jun 2018",
"05 Jun 2018",
"06 Jun 2018",
"07 Jun 2018",
"08 Jun 2018",
"09 Jun 2018",
"12 Jun 2018",
"13 Jun 2018",
"14 Jun 2018",
"15 Jun 2018",
"16 Jun 2018",
"19 Jun 2018",
"20 Jun 2018",
"21 Jun 2018",
"22 Jun 2018",
"23 Jun 2018",
"27 Jun 2018",
"28 Jun 2018",
"29 Jun 2018",
"30 Jun 2018",
"03 Jul 2018",
"04 Jul 2018",
"05 Jul 2018",
"06 Jul 2018",
"07 Jul 2018",
"10 Jul 2018",
"11 Jul 2018",
"12 Jul 2018",
"13 Jul 2018",
"14 Jul 2018",
"17 Jul 2018",
"18 Jul 2018",
"19 Jul 2018",
"20 Jul 2018",
"21 Jul 2018",
"24 Jul 2018",
"25 Jul 2018",
"26 Jul 2018",
"27 Jul 2018",
"28 Jul 2018",
"31 Jul 2018",
"01 Aug 2018",
"02 Aug 2018",
"03 Aug 2018",
"04 Aug 2018",
"07 Aug 2018",
"08 Aug 2018",
"09 Aug 2018",
"10 Aug 2018",
"11 Aug 2018",
"14 Aug 2018",
"16 Aug 2018",
"17 Aug 2018",
"18 Aug 2018",
"21 Aug 2018",
"22 Aug 2018",
"23 Aug 2018",
"24 Aug 2018",
"28 Aug 2018",
"29 Aug 2018",
"30 Aug 2018",
"31 Aug 2018",
"01 Sep 2018",
"04 Sep 2018",
"05 Sep 2018",
"06 Sep 2018",
"07 Sep 2018",
"08 Sep 2018",
"11 Sep 2018",
"12 Sep 2018",
"13 Sep 2018",
"14 Sep 2018",
"15 Sep 2018",
"18 Sep 2018",
"19 Sep 2018",
"20 Sep 2018",
"21 Sep 2018",
"22 Sep 2018",
"25 Sep 2018",
"26 Sep 2018",
"27 Sep 2018",
"28 Sep 2018",
"29 Sep 2018",
"03 Oct 2018",
"04 Oct 2018",
"05 Oct 2018",
"06 Oct 2018",
"09 Oct 2018",
"10 Oct 2018",
"11 Oct 2018",
"12 Oct 2018",
"13 Oct 2018",
"16 Oct 2018",
"17 Oct 2018",
"18 Oct 2018",
"19 Oct 2018",
"23 Oct 2018",
"24 Oct 2018",
"25 Oct 2018",
"26 Oct 2018",
"27 Oct 2018",
"30 Oct 2018",
"31 Oct 2018",
"01 Nov 2018",
"02 Nov 2018",
"03 Nov 2018",
"06 Nov 2018",
"07 Nov 2018",
"08 Nov 2018",
"09 Nov 2018",
"10 Nov 2018",
"13 Nov 2018",
"14 Nov 2018",
"15 Nov 2018",
"16 Nov 2018",
"17 Nov 2018",
"20 Nov 2018",
"21 Nov 2018",
"22 Nov 2018",
"23 Nov 2018",
"24 Nov 2018",
"27 Nov 2018",
"28 Nov 2018",
],
},
};
class BasicAreaCharts extends Component {
constructor(props) {
super(props);
this.state = {
series: [
{
name: "STOCK ABC",
data: series.monthDataSeries1.prices,
},
],
options: {
chart: {
zoom: {
enabled: false,
},
},
dataLabels: {
enabled: false,
},
stroke: {
curve: "straight",
},
title: {
text: "Fundamental Analysis of Stocks",
align: "left",
},
subtitle: {
text: "Price Movements",
align: "left",
},
labels: series.monthDataSeries1.dates,
xaxis: {
type: "datetime",
},
yaxis: {
opposite: true,
},
legend: {
horizontalAlign: "left",
},
},
};
}
render() {
return (
<>
<Card
sx={{
boxShadow: "none",
borderRadius: "10px",
p: "25px",
mb: "15px",
}}
>
<Typography
as="h3"
sx={{
fontSize: 18,
fontWeight: 500,
borderBottom: "1px solid #EEF0F7",
paddingBottom: "5px",
mb: "15px",
}}
className="for-dark-bottom-border"
>
Basic
</Typography>
<Chart
options={this.state.options}
series={this.state.series}
type="area"
height={350}
/>
</Card>
</>
);
}
}
export default BasicAreaCharts;