From 319c4fe3fb3656ba33903d8c9364ae3d548dd038 Mon Sep 17 00:00:00 2001 From: huangxiaoqiang <huangxiaoqiang@hnkhzn.com> Date: 星期四, 06 三月 2025 09:33:29 +0800 Subject: [PATCH] 2 --- Code Management/WMS/WIDESEA_WMSClient/src/views/charts/chartOptions.js | 212 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 212 insertions(+), 0 deletions(-) diff --git a/Code Management/WMS/WIDESEA_WMSClient/src/views/charts/chartOptions.js b/Code Management/WMS/WIDESEA_WMSClient/src/views/charts/chartOptions.js new file mode 100644 index 0000000..2ec6bda --- /dev/null +++ b/Code Management/WMS/WIDESEA_WMSClient/src/views/charts/chartOptions.js @@ -0,0 +1,212 @@ +let options= { + bar:{ + // title: { + // text: 'World Population' + // }, + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'shadow' + } + }, + // legend: {}, + grid: { + top:10, + left: '3%', + right: '4%', + bottom: '3%', + containLabel: true + }, + xAxis: { + type: 'value', + boundaryGap: [0, 0.01] + }, + yAxis: { + type: 'category', + data: ['Brazil', 'Indonesia', 'USA', 'India', 'China', 'World'] + }, + series: [ + { + name: '2011', + type: 'bar', + data: [18203, 23489, 29034, 14970, 31744, 60230] + }, + { + name: '2012', + type: 'bar', + data: [19325, 23438, 31000, 11594, 24141, 6807] + } + ] + }, + pie: { + tooltip: { + trigger: "item", + formatter: "{a} <br/>{b} : {c} ({d}%)" + }, + legend: { + top: 20, + // orient: "vertical", + // right: 300, + // top: 200, + // bottom: 20, + data: [ + "鍥句緥1", + "鍥句緥2", + "鍥句緥3", + "鍥句緥4", + "鍥句緥5", + "鍥句緥6", + "鍥句緥7" + ] + }, + series: [ + { + name: "鍥句緥1", + type: "pie", + radius: ['40%', '70%'], + selectedMode: "single", + itemStyle: { + borderRadius: 6, + borderColor: '#fff', + borderWidth: 2 + }, + data: [ + { + value: 2563, + name: "鍥句緥1", + itemStyle: { + color: "rgb(45, 140, 240)" + } + }, + { + value: 727, + name: "鍥句緥2", + itemStyle: { + color: "rgb(92, 173, 255)" + } + }, + { + value: 2182, + name: "鍥句緥3", + itemStyle: { + color: "rgb(25, 190, 107)" + } + }, + { + value: 1419, + name: "鍥句緥4", + itemStyle: { + color: "#00e5ff" + } + }, + { + value: 984, + name: "鍥句緥5", + itemStyle: { + color: "#ff80ab" + } + }, + { + value: 870, + name: "鍥句緥6", + itemStyle: { + color: "rgb(237, 64, 20)" + } + }, + { + value: 1670, + name: "鍥句緥7", + itemStyle: { + color: "#ffb445" + } + } + ] + } + ] + }, + line: { + legend: { + data: ["閭欢钀ラ攢", "鑱旂洘骞垮憡"] + }, + grid: { + left: "3%", + right: "4%", + bottom: "3%", + containLabel: true + }, + toolbox: { + feature: { + saveAsImage: {} + } + }, + xAxis: { + type: "category", + boundaryGap: false, + data: [ + "1鏈�", + "2鏈�", + "3鏈�", + "4鏈�", + "5鏈�", + "6鏈�", + "7鏈�", + "8鏈�", + "9鏈�", + "10鏈�", + "11鏈�", + "12鏈�" + ] + }, + yAxis: { + type: "value" + }, + series: [ + { + name: "閭欢钀ラ攢", + type: "line", + stack: "鎬婚噺", + itemStyle: { + color: "rgb(25, 190, 107)" + }, + smooth: true, + data: [ + 7.0, + 6.9, + 9.5, + 12.5, + 18.2, + 21.5, + 22.5, + 23.3, + 18.3, + 13.9, + 9.6 + ] + }, + { + name: "鑱旂洘骞垮憡", + type: "line", + stack: "鎬婚噺", + smooth: true, + itemStyle: { + color: "rgb(92, 173, 255)" + }, + data: [ + 7.0, + 6.9, + 9.5, + 14.5, + 18.2, + 21.5, + 22.5, + 21.3, + 18.3, + 13.9, + 9.6 + ] + } + ] + } + } + + export default options; \ No newline at end of file -- Gitblit v1.9.3