feat: implement homepage layout
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
$(function () {
|
||||
"use strict";
|
||||
|
||||
|
||||
// apex chart
|
||||
var options = {
|
||||
series: [{
|
||||
name: 'سری اول',
|
||||
data: [31, 40, 28, 51, 42, 60, 50]
|
||||
}, {
|
||||
name: 'سری دوم',
|
||||
data: [11, 32, 45, 32, 34, 52, 41]
|
||||
}],
|
||||
chart: {
|
||||
height: 350,
|
||||
type: 'area'
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
curve: 'smooth'
|
||||
},
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09-19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09-19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"]
|
||||
},
|
||||
tooltip: {
|
||||
x: {
|
||||
format: 'dd/MM/yy HH:mm'
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user