imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Compare & Performance add function information done.

Browse Source
This commit is contained in:
chiayin
2024-02-20 12:58:08 +08:00
parent 795480ee89
commit 1eadcdd506
2 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/Compare/Dashboard/index.vue
View File

@@ -166,6 +166,10 @@ export default {
} }
}, },
methods: { methods: {
/**
* 手刻折線圖 x label 時間刻度
* @param { object } valueData {min: '2022-02-20T19:54:12', max: '2023-11-27T07:21:53'}
*/
xLabelsData(valueData) { xLabelsData(valueData) {
let min = new Date(valueData.min).getTime(); let min = new Date(valueData.min).getTime();
let max = new Date(valueData.max).getTime(); let max = new Date(valueData.max).getTime();
@@ -178,6 +182,10 @@ export default {
} }
return data; return data;
}, },
/**
* 讓長條圖依 data 數量增加高度
* @param { object } chartData chart data
*/
getHorizontalBarHeight(chartData) { getHorizontalBarHeight(chartData) {
const totalBars = chartData.x_axis.labels.length; const totalBars = chartData.x_axis.labels.length;
let horizontalBar = this.horizontalBarHeight; let horizontalBar = this.horizontalBarHeight;
@@ -186,6 +194,11 @@ export default {
return horizontalBar + 'px' return horizontalBar + 'px'
}, },
/**
* 建立折線圖
* @param { object } chartData chart data
* @param { object } content titels
*/
getLineChart(chartData, content) { getLineChart(chartData, content) {
let datasetsPrimary = setLineChartData(chartData.data[0].data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min); let datasetsPrimary = setLineChartData(chartData.data[0].data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min);
let datasetsSecondary = setLineChartData(chartData.data[1].data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min); let datasetsSecondary = setLineChartData(chartData.data[1].data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min);
@@ -322,6 +335,11 @@ export default {
return [setData, setOption] return [setData, setOption]
}, },
/**
* 建立長條圖
* @param { object } chartData chart data
* @param { object } content titels
*/
getBarChart(chartData, content) { getBarChart(chartData, content) {
const maxX = chartData.x_axis.max; const maxX = chartData.x_axis.max;
const minX = chartData.x_axis.min; const minX = chartData.x_axis.min;
@@ -466,6 +484,12 @@ export default {
return [setData, setOption] return [setData, setOption]
}, },
/**
* 建立水平長條圖
* @param { object } chartData chart data
* @param { object } content titels
* @param { boolean } isSingle 單個或雙數 activity
*/
getHorizontalBarChart(chartData, content, isSingle) { getHorizontalBarChart(chartData, content, isSingle) {
const maxY = chartData.y_axis.max; const maxY = chartData.y_axis.max;
const getSimpleTimeLabel = simpleTimeLabel; const getSimpleTimeLabel = simpleTimeLabel;

24
src/views/Discover/Performance/index.vue
View File

@@ -171,6 +171,10 @@ export default {
} }
}, },
methods: { methods: {
/**
* 手刻折線圖 x label 時間刻度
* @param { object } valueData {min: '2022-02-20T19:54:12', max: '2023-11-27T07:21:53'}
*/
xLabelsData(valueData) { xLabelsData(valueData) {
let min = new Date(valueData.min).getTime(); let min = new Date(valueData.min).getTime();
let max = new Date(valueData.max).getTime(); let max = new Date(valueData.max).getTime();
@@ -183,6 +187,10 @@ export default {
} }
return data; return data;
}, },
/**
* 讓長條圖依 data 數量增加高度
* @param { object } chartData chart data
*/
getHorizontalBarHeight(chartData) { getHorizontalBarHeight(chartData) {
const totalBars = chartData.data.length; const totalBars = chartData.data.length;
let horizontalBar = this.horizontalBarHeight; let horizontalBar = this.horizontalBarHeight;
@@ -191,6 +199,11 @@ export default {
return horizontalBar + 'px' return horizontalBar + 'px'
}, },
/**
* 建立折線圖
* @param { object } chartData chart data
* @param { object } content titels
*/
getLineChart(chartData, content) { getLineChart(chartData, content) {
let datasets = setLineChartData(chartData.data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min); let datasets = setLineChartData(chartData.data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max, chartData.y_axis.min);
let minX = chartData.x_axis.min; let minX = chartData.x_axis.min;
@@ -304,6 +317,11 @@ export default {
return [setData, setOption] return [setData, setOption]
}, },
/**
* 建立長條圖
* @param { object } chartData chart data
* @param { object } content titels
*/
getBarChart(chartData, content) { getBarChart(chartData, content) {
const maxX = chartData.x_axis.max; const maxX = chartData.x_axis.max;
const minX = chartData.x_axis.min; const minX = chartData.x_axis.min;
@@ -413,6 +431,12 @@ export default {
return [setData, setOption] return [setData, setOption]
}, },
/**
* 建立水平長條圖
* @param { object } chartData chart data
* @param { object } content titels
* @param { boolean } isSingle 單個或雙數 activity
*/
getHorizontalBarChart(chartData, content, isSingle, name) { getHorizontalBarChart(chartData, content, isSingle, name) {
const maxY = chartData.y_axis.max; const maxY = chartData.y_axis.max;
const getSimpleTimeLabel = simpleTimeLabel; const getSimpleTimeLabel = simpleTimeLabel;