187 lines
3.6 KiB
JavaScript
187 lines
3.6 KiB
JavaScript
export const PRIME_VUE_TICKS_LIMIT = 6;
|
|
export const GRID_COLOR = '#64748b';
|
|
export const MODAL_CREATE_NEW = 'MODAL_CREATE_NEW';
|
|
export const MODAL_ACCT_EDIT = 'MODAL_ACCT_EDIT';
|
|
export const MODAL_ACCT_INFO = 'MODAL_ACCT_INFO';
|
|
export const knownLayoutChartOption = {
|
|
padding: {
|
|
top: 16,
|
|
left: 8,
|
|
right: 8,
|
|
}
|
|
};
|
|
export const accountList = [
|
|
{
|
|
id: 12345,
|
|
account: "REDACTED-USER1",
|
|
fullName: "Alice Zheng",
|
|
adminRights: true,
|
|
accountActivation: true,
|
|
detail: "abcde",
|
|
},
|
|
{
|
|
id: 345,
|
|
account: "REDACTED-USER2",
|
|
fullName: "Mike Chen",
|
|
adminRights: true,
|
|
accountActivation: true,
|
|
detail: "abcde",
|
|
},
|
|
{
|
|
id: 88,
|
|
account: "REDACTED-USER3",
|
|
fullName: "Tory Cheng",
|
|
adminRights: true,
|
|
accountActivation: true,
|
|
detail: "abcde",
|
|
},
|
|
];
|
|
export const knownScaleLineChartOptions = {
|
|
x: {
|
|
type: 'time',
|
|
title: {
|
|
display: true,
|
|
color: '#334155',
|
|
font: {
|
|
size: 12,
|
|
lineHeight: 2
|
|
}
|
|
},
|
|
time: {
|
|
displayFormats: {
|
|
second: 'h:mm:ss', // ex: 1:11:11
|
|
minute: 'M/d h:mm', // ex: 1/1 1:11
|
|
hour: 'M/d h:mm', // ex: 1/1 1:11
|
|
day: 'M/d h', // ex: 1/1 1
|
|
month: 'y/M/d', // ex: 1911/1/1
|
|
},
|
|
},
|
|
ticks: {
|
|
display: true,
|
|
maxRotation: 0, // 不旋轉 lable 0~50
|
|
color: '#64748b',
|
|
source: 'labels', // 依比例彈性顯示 label 數量
|
|
},
|
|
border: {
|
|
color: '#64748b',
|
|
},
|
|
grid: {
|
|
tickLength: 0, // 網格是否超過邊線
|
|
}
|
|
},
|
|
y: {
|
|
beginAtZero: true, // scale 包含 0
|
|
title: {
|
|
display: true,
|
|
color: '#334155',
|
|
font: {
|
|
size: 12,
|
|
lineHeight: 2
|
|
},
|
|
},
|
|
ticks:{
|
|
color: '#64748b',
|
|
padding: 8,
|
|
},
|
|
grid: {
|
|
color: '#64748b',
|
|
},
|
|
border: {
|
|
display: false, // 隱藏左側多出來的線
|
|
},
|
|
},
|
|
};
|
|
export const knownScaleHorizontalChartOptions = {
|
|
x: {
|
|
title: {
|
|
display: true,
|
|
color: '#334155',
|
|
font: {
|
|
size: 12,
|
|
lineHeight: 2
|
|
}
|
|
},
|
|
ticks: {
|
|
display: true,
|
|
maxRotation: 0, // 不旋轉 lable 0~50
|
|
color: '#64748b',
|
|
},
|
|
grid: {
|
|
color: '#64748b',
|
|
tickLength: 0, // 網格是否超過邊線
|
|
},
|
|
border: {
|
|
display:false,
|
|
},
|
|
},
|
|
y: {
|
|
beginAtZero: true, // scale 包含 0
|
|
type: 'category',
|
|
title: {
|
|
display: true,
|
|
color: '#334155',
|
|
font: {
|
|
size: 12,
|
|
lineHeight: 2
|
|
},
|
|
},
|
|
ticks:{
|
|
color: '#64748b',
|
|
padding: 8,
|
|
},
|
|
grid: {
|
|
display:false,
|
|
color: '#64748b',
|
|
},
|
|
border: {
|
|
display: false, // 隱藏左側多出來的線
|
|
},
|
|
},
|
|
};
|
|
export const knownScaleBarChartOptions = {
|
|
x: {
|
|
title: {
|
|
display: true,
|
|
color: '#334155',
|
|
font: {
|
|
size: 12,
|
|
lineHeight: 2
|
|
}
|
|
},
|
|
ticks: {
|
|
display: true,
|
|
maxRotation: 0, // 不旋轉 lable 0~50
|
|
color: '#64748b',
|
|
},
|
|
grid: {
|
|
color: '#64748b',
|
|
tickLength: 0, // 網格是否超過邊線
|
|
},
|
|
border: {
|
|
display:false,
|
|
},
|
|
},
|
|
y: {
|
|
beginAtZero: true, // scale 包含 0
|
|
type: 'category',
|
|
title: {
|
|
display: true,
|
|
color: '#334155',
|
|
font: {
|
|
size: 12,
|
|
lineHeight: 2
|
|
},
|
|
},
|
|
ticks:{
|
|
color: '#64748b',
|
|
padding: 8,
|
|
},
|
|
grid: {
|
|
display:false,
|
|
color: '#64748b',
|
|
},
|
|
border: {
|
|
display: false, // 隱藏左側多出來的線
|
|
},
|
|
},
|
|
}; |