89 lines
1.7 KiB
JavaScript
89 lines
1.7 KiB
JavaScript
$(function () {
|
|
|
|
|
|
// -----------------------------------------------------------------------
|
|
// sales overview
|
|
// -----------------------------------------------------------------------
|
|
|
|
var options_sales_overview = {
|
|
series: [
|
|
{
|
|
name: "Ample Admin",
|
|
data: [355, 390, 300, 350, 390, 180],
|
|
},
|
|
{
|
|
name: "Pixel Admin",
|
|
data: [280, 250, 325, 215, 250, 310],
|
|
},
|
|
],
|
|
chart: {
|
|
type: "bar",
|
|
height: 275,
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
foreColor: "#adb0bb",
|
|
fontFamily: "inherit",
|
|
sparkline: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: "transparent",
|
|
padding: {
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
},
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: false,
|
|
columnWidth: "25%",
|
|
endingShape: "rounded",
|
|
borderRadius: 5,
|
|
},
|
|
},
|
|
colors: ["var(--bs-primary)", "var(--bs-secondary)"],
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
yaxis: {
|
|
show: true,
|
|
min: 100,
|
|
max: 400,
|
|
tickAmount: 3,
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
width: 5,
|
|
lineCap: "butt",
|
|
colors: ["transparent"],
|
|
},
|
|
xaxis: {
|
|
type: "category",
|
|
categories: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
fill: {
|
|
opacity: 1,
|
|
},
|
|
tooltip: {
|
|
theme: "dark",
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
};
|
|
|
|
var chart_column_basic = new ApexCharts(
|
|
document.querySelector("#sales-overview"),
|
|
options_sales_overview
|
|
);
|
|
chart_column_basic.render();
|
|
|
|
|
|
}) |