From deb1079692d620377c5cdee9ed02b59223a2206f Mon Sep 17 00:00:00 2001
From: 陈勇 <chenyong@hnkhzn.com>
Date: 星期二, 19 十一月 2024 10:21:05 +0800
Subject: [PATCH] 合并
---
Code Management/WMS/WIDESEA_WMSClient/src/views/home/home-chart-options.js | 463 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 231 insertions(+), 232 deletions(-)
diff --git a/Code Management/WMS/WIDESEA_WMSClient/src/views/home/home-chart-options.js b/Code Management/WMS/WIDESEA_WMSClient/src/views/home/home-chart-options.js
index 3eaf63d..c5275d4 100644
--- a/Code Management/WMS/WIDESEA_WMSClient/src/views/home/home-chart-options.js
+++ b/Code Management/WMS/WIDESEA_WMSClient/src/views/home/home-chart-options.js
@@ -1,248 +1,247 @@
var chart1 = {
- title: {
- text: "妗嗘灦闆嗘垚鍙婂紑鍙戠幆澧�",
- left: 'center',
- padding: 15,
- },
- tooltip: {
- trigger: 'item'
- },
- legend: {
- top: 'bottom',
- icon: "circle", // 杩欎釜瀛楁鎺у埗褰㈢姸 绫诲瀷鍖呮嫭 circle锛宺ect 锛宺oundRect锛宼riangle锛宒iamond锛宲in锛宎rrow锛宯one
- itemWidth: 10, // 璁剧疆瀹藉害
- itemHeight: 10, // 璁剧疆楂樺害
- itemGap: 7,// 璁剧疆闂磋窛
- padding: [0, 0, 15, 0] //鍥句緥璺濈
- },
- series: [
- {
- name: '妗嗘灦',
- type: 'pie',
- radius: ['40%', '65%'],
- avoidLabelOverlap: false,
- itemStyle: {
- borderRadius: 10,
- borderColor: '#fff',
- borderWidth: 2
- },
- label: {
- show: false,
- position: 'center'
- },
- emphasis: {
- label: {
- show: true,
- fontSize: '40',
- fontWeight: 'bold'
- }
- },
- labelLine: {
- show: false
- },
- data: [
- { value: 1048, name: '.NetCore' },
- { value: 735, name: 'Dapper' },
-
- { value: 735, name: 'EntityFramework' },
- // { value: 735, name: 'JWT' },
- { value: 735, name: 'Redis' },
- { value: 735, name: 'Vue3.0' },
- { value: 580, name: 'Vuex' },
- { value: 484, name: 'Element plus' }
- ]
+ title: {
+ text: '妗嗘灦闆嗘垚鍙婂紑鍙戠幆澧�',
+ left: 'center',
+ padding: 15
+ },
+ tooltip: {
+ trigger: 'item'
+ },
+ legend: {
+ top: 'bottom',
+ icon: 'circle', // 杩欎釜瀛楁鎺у埗褰㈢姸 绫诲瀷鍖呮嫭 circle锛宺ect 锛宺oundRect锛宼riangle锛宒iamond锛宲in锛宎rrow锛宯one
+ itemWidth: 10, // 璁剧疆瀹藉害
+ itemHeight: 10, // 璁剧疆楂樺害
+ itemGap: 7, // 璁剧疆闂磋窛
+ padding: [0, 0, 15, 0] //鍥句緥璺濈
+ },
+ series: [
+ {
+ name: '妗嗘灦',
+ type: 'pie',
+ radius: ['40%', '65%'],
+ avoidLabelOverlap: false,
+ itemStyle: {
+ borderRadius: 10,
+ borderColor: '#fff',
+ borderWidth: 2
+ },
+ label: {
+ show: false,
+ position: 'center'
+ },
+ emphasis: {
+ label: {
+ show: true,
+ fontSize: '40',
+ fontWeight: 'bold'
}
- ]
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 1048, name: '.NetCore' },
+ { value: 735, name: 'Dapper' },
+
+ { value: 735, name: 'EntityFramework' },
+ // { value: 735, name: 'JWT' },
+ { value: 735, name: 'Redis' },
+ { value: 735, name: 'Vue3.0' },
+ { value: 580, name: 'Vuex' },
+ { value: 484, name: 'Element plus' }
+ ]
+ }
+ ]
}
var chart2 = {
- title: {
- text: '杩欓噷鏄椤�'
- },
- tooltip: {
- trigger: 'axis',
- axisPointer: { // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
- type: 'shadow' // 榛樿涓虹洿绾匡紝鍙�変负锛�'line' | 'shadow'
+ title: {
+ text: '杩欓噷鏄椤�'
+ },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
+ type: 'shadow' // 榛樿涓虹洿绾匡紝鍙�変负锛�'line' | 'shadow'
+ }
+ },
+ legend: {
+ data: ['2.0涓嬭浇閲�', '3.0涓嬭浇閲�'],
+ padding: [0, 0, 15, 0] //鍥句緥璺濈
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '3%',
+ top: '13%',
+ containLabel: true
+ },
+ xAxis: [
+ {
+ type: 'category',
+ data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021']
+ }
+ ],
+ yAxis: [
+ {
+ type: 'value'
+ }
+ ],
+ series: [
+ {
+ name: '2.0涓嬭浇閲�',
+ type: 'bar',
+ showBackground: true,
+ backgroundStyle: {
+ color: 'rgba(180, 180, 180, 0.2)'
+ },
+ itemStyle: {
+ normal: {
+ barBorderRadius: [4, 4, 0, 0]
}
+ },
+ data: [730, 620, 420, 932, 701, 834, 890]
},
- legend: {
- data: ['2.0涓嬭浇閲�', '3.0涓嬭浇閲�'],
- padding: [0, 0, 15, 0] //鍥句緥璺濈
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- top:'13%',
- containLabel: true
- },
- xAxis: [
- {
- type: 'category',
- data: [ '2015', '2016', '2017', '2018', '2019', '2020', '2021']
- }
- ],
- yAxis: [
- {
- type: 'value'
- }
- ],
- series: [
- {
- name: '2.0涓嬭浇閲�',
- type: 'bar',
- showBackground: true,
- backgroundStyle: {
- color: 'rgba(180, 180, 180, 0.2)'
- },
- itemStyle: {
+ {
+ name: '3.0涓嬭浇閲�',
+ type: 'bar',
- normal: {
- barBorderRadius: [4, 4, 0, 0]
- }
- },
- data: [ 730, 620, 420, 932, 701, 834, 890]
- },
- {
- name: '3.0涓嬭浇閲�',
- type: 'bar',
-
- showBackground: true,
- backgroundStyle: {
- color: 'rgba(180, 180, 180, 0.2)'
- },
- data: [230, 210, 120, 132, 101, 134, 90]
- }
- ]
+ showBackground: true,
+ backgroundStyle: {
+ color: 'rgba(180, 180, 180, 0.2)'
+ },
+ data: [230, 210, 120, 132, 101, 134, 90]
+ }
+ ]
}
var chart3 = {
- title: {
- text: '妗嗘灦鏀寔鍔熻兘(Vue2.0銆乂ue3.0鐗堟湰)',
- left: 'center'
- },
- tooltip: {
- trigger: 'item'
- },
- legend: {
- top: 'bottom',
- icon: "circle", // 杩欎釜瀛楁鎺у埗褰㈢姸 绫诲瀷鍖呮嫭 circle锛宺ect 锛宺oundRect锛宼riangle锛宒iamond锛宲in锛宎rrow锛宯one
- itemWidth: 10, // 璁剧疆瀹藉害
- itemHeight: 10, // 璁剧疆楂樺害
- itemGap: 7,// 璁剧疆闂磋窛
- padding: [0, 0, 10, 0] //鍥句緥璺濈
- },
- series: [
- {
-
- name: '妗嗘灦鏀寔鍔熻兘(Vue2.0銆乂ue3鐗堟湰)',
- type: 'pie',
- radius: '55%',
- data: [
- { value: 748, name: '澶氱鎴�' },
- { value: 435, name: '澶氳鑹�' },
- { value: 580, name: '澶氭暟鎹簱' },
- { value: 280, name: '涓讳粠鍒嗗簱' },
- { value: 284, name: '鍥介檯鍖�' },
- { value: 300, name: 'App/H5寮�鍙�' },
- { value: 200, name: 'Redis' },
- { value: 600, name: 'Sqlserver' },
- { value: 400, name: 'Mysql' },
- { value: 100, name: 'Oracle' },
- ],
- emphasis: {
- itemStyle: {
- shadowBlur: 10,
- shadowOffsetX: 0,
- shadowColor: 'rgba(0, 0, 0, 0.5)'
- }
- }
+ title: {
+ text: '妗嗘灦鏀寔鍔熻兘(Vue2.0銆乂ue3.0鐗堟湰)',
+ left: 'center'
+ },
+ tooltip: {
+ trigger: 'item'
+ },
+ legend: {
+ top: 'bottom',
+ icon: 'circle', // 杩欎釜瀛楁鎺у埗褰㈢姸 绫诲瀷鍖呮嫭 circle锛宺ect 锛宺oundRect锛宼riangle锛宒iamond锛宲in锛宎rrow锛宯one
+ itemWidth: 10, // 璁剧疆瀹藉害
+ itemHeight: 10, // 璁剧疆楂樺害
+ itemGap: 7, // 璁剧疆闂磋窛
+ padding: [0, 0, 10, 0] //鍥句緥璺濈
+ },
+ series: [
+ {
+ name: '妗嗘灦鏀寔鍔熻兘(Vue2.0銆乂ue3鐗堟湰)',
+ type: 'pie',
+ radius: '55%',
+ data: [
+ { value: 748, name: '澶氱鎴�' },
+ { value: 435, name: '澶氳鑹�' },
+ { value: 580, name: '澶氭暟鎹簱' },
+ { value: 280, name: '涓讳粠鍒嗗簱' },
+ { value: 284, name: '鍥介檯鍖�' },
+ { value: 300, name: 'App/H5寮�鍙�' },
+ { value: 200, name: 'Redis' },
+ { value: 600, name: 'Sqlserver' },
+ { value: 400, name: 'Mysql' },
+ { value: 100, name: 'Oracle' }
+ ],
+ emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
}
- ]
+ }
+ }
+ ]
}
-var chart4={
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- // Use axis to trigger tooltip
- type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
- }
- },
- legend: {},
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- top:'13%',
- containLabel: true
- },
- xAxis: {
- type: 'value'
- },
- yAxis: {
- type: 'category',
- data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
- },
- series: [
- {
- name: 'Direct',
- type: 'bar',
- stack: 'total',
- label: {
- show: true
- },
- emphasis: {
- focus: 'series'
- },
- data: [320, 302, 301, 334, 390, 330, 320]
+var chart4 = {
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ // Use axis to trigger tooltip
+ type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
+ }
+ },
+ legend: {},
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '3%',
+ top: '13%',
+ containLabel: true
+ },
+ xAxis: {
+ type: 'value'
+ },
+ yAxis: {
+ type: 'category',
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+ },
+ series: [
+ {
+ name: 'Direct',
+ type: 'bar',
+ stack: 'total',
+ label: {
+ show: true
},
- {
- name: 'Mail Ad',
- type: 'bar',
- stack: 'total',
- label: {
- show: true
- },
- emphasis: {
- focus: 'series'
- },
- data: [120, 132, 101, 134, 90, 230, 210]
+ emphasis: {
+ focus: 'series'
},
- {
- name: 'Affiliate Ad',
- type: 'bar',
- stack: 'total',
- label: {
- show: true
- },
- emphasis: {
- focus: 'series'
- },
- data: [220, 182, 191, 234, 290, 330, 310]
+ data: [320, 302, 301, 334, 390, 330, 320]
+ },
+ {
+ name: 'Mail Ad',
+ type: 'bar',
+ stack: 'total',
+ label: {
+ show: true
},
- {
- name: 'Video Ad',
- type: 'bar',
- stack: 'total',
- label: {
- show: true
- },
- emphasis: {
- focus: 'series'
- },
- data: [150, 212, 201, 154, 190, 330, 410]
+ emphasis: {
+ focus: 'series'
},
- {
- name: 'Search Engine',
- type: 'bar',
- stack: 'total',
- label: {
- show: true
- },
- emphasis: {
- focus: 'series'
- },
- data: [820, 832, 901, 934, 1290, 1330, 1320]
- }
- ]
- }
-export { chart1, chart2, chart3,chart4 }
\ No newline at end of file
+ data: [120, 132, 101, 134, 90, 230, 210]
+ },
+ {
+ name: 'Affiliate Ad',
+ type: 'bar',
+ stack: 'total',
+ label: {
+ show: true
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [220, 182, 191, 234, 290, 330, 310]
+ },
+ {
+ name: 'Video Ad',
+ type: 'bar',
+ stack: 'total',
+ label: {
+ show: true
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [150, 212, 201, 154, 190, 330, 410]
+ },
+ {
+ name: 'Search Engine',
+ type: 'bar',
+ stack: 'total',
+ label: {
+ show: true
+ },
+ emphasis: {
+ focus: 'series'
+ },
+ data: [820, 832, 901, 934, 1290, 1330, 1320]
+ }
+ ]
+}
+export { chart1, chart2, chart3, chart4 }
--
Gitblit v1.9.3