From 47482f386cefd756e1d1a745a5b13949fd709c77 Mon Sep 17 00:00:00 2001
From: xiejun <xj@2023>
Date: 星期三, 22 十一月 2023 18:19:05 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
Source/UBCS-WEB/src/components/StatisticsComponent/lineChart.vue | 103 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 103 insertions(+), 0 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/StatisticsComponent/lineChart.vue b/Source/UBCS-WEB/src/components/StatisticsComponent/lineChart.vue
new file mode 100644
index 0000000..4427fb6
--- /dev/null
+++ b/Source/UBCS-WEB/src/components/StatisticsComponent/lineChart.vue
@@ -0,0 +1,103 @@
+<template>
+ <div id="main">
+ <basic-container>
+ <v-chart :options="option" ref="chart" style="width: 100%;"></v-chart>
+ </basic-container>
+ </div>
+</template>
+
+<script>
+import 'echarts'
+import 'echarts/lib/chart/line';
+import 'echarts/lib/component/tooltip';
+import 'echarts/lib/component/title';
+import 'echarts/lib/component/legend';
+export default {
+ name: "statisticPage",
+ data() {
+ return {
+ option: {
+ color: ['red','black'],
+ legend: {
+ data: ['鍥句緥1', '鍥句緥2', '鍥句緥3'],
+ },
+ dataset: [
+ {
+ id: 'dataset_raw',
+ source: [
+ { month: 1, total: 1000, newly: 800 },
+ { month: 2, total: 5000, newly: 1000 },
+ { month: 3, total: 1800, newly: 1400 },
+ { month: 4, total: 1500, newly: 1200 },
+ { month: 5, total: 1000, newly: 1200 },
+ { month: 6, total: 1500, newly: 1200 },
+ { month: 7, total: 1500, newly: 1200 },
+ { month: 8, total: 1500, newly: 1000 },
+ { month: 9, total: 1500, newly: 1200 },
+ { month: 10, total: 1500, newly: 1200 },
+ { month: 11, total: 1500, newly: 1200 },
+ { month: 12, total: 1500, newly: 1200 },
+ ],
+ },
+ ],
+ title: {
+ text: '涓绘暟鎹粺璁″垎鏋�',
+ left:'center',
+ textAlign:'center'
+ },
+ tooltip: {
+ trigger: 'axis',
+ },
+ xAxis: {
+ type: 'category',
+ nameLocation: 'middle',
+ name:'month',
+ // data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] // 鏈堜唤鏁版嵁
+ },
+ yAxis: {
+ name: 'Number',
+ type: 'value',
+ },
+ series: [
+ {
+ type: 'line',
+ datasetId: 'dataset_raw',
+ showSymbol: false,
+ encode: {
+ x: 'month',
+ y: 'total',
+ itemName: 'month',
+ tooltip: ['total'],
+ },
+ },
+ {
+ type: 'line',
+ datasetId: 'dataset_raw',
+ showSymbol: false,
+ encode: {
+ x: 'month',
+ y: 'newly',
+ itemName: 'month',
+ tooltip: ['newly'],
+ },
+ },
+ ],
+ }
+ };
+ },
+ mounted() {
+ import('echarts').then((echarts) => {
+ // console.log(echarts)
+ this.$nextTick(() => {
+ const chartDom = this.$refs.chart.$el;
+ const myChart = echarts.init(chartDom);
+ myChart.setOption(this.option);
+ });
+ });
+ },
+}
+</script>
+
+<style scoped>
+
+</style>
--
Gitblit v1.9.3