PNG %k25u25%fgd5n! /home/mkuwqnjx/www/src/assets/js/pages/crypto-portfolio.init.js
/**
* Theme: Forexo - Bootstrap 5 Responsive Admin Dashboard
* Author: Mannatthemes
* Crypto Portfolio Js
*/
var options = {
chart: {
height: 330,
type: 'area',
width: '100%',
stacked: true,
toolbar: {
show: false,
autoSelected: 'zoom'
},
},
colors: ["#5c048b", "#1ea6e7"],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: [3, 3],
dashArray: [0, 0],
lineCap: 'round',
},
grid: {
padding: {
left: 0,
right: 0
},
strokeDashArray: 4,
},
markers: {
size: 0,
hover: {
size: 0
}
},
series: [{
name: 'Balance',
data: [0,10,20,30,40,50,60,70,80,90,100,110]
}, {
name: 'Value',
data: [0,20,40,50,60,80,90,100,110,130,150,190]
}],
xaxis: {
type: 'month',
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
axisBorder: {
show: true,
},
axisTicks: {
show: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
opacityFrom: 0.4,
opacityTo: 0.3,
stops: [0, 90, 100]
}
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm'
},
},
legend: {
position: 'top',
horizontalAlign: 'right'
},
}
var chart = new ApexCharts(
document.querySelector("#portfolio-grow"),
options
);
chart.render();