数量：
@@ -132,16 +132,16 @@ export default {
mounted() {
setTimeout(() => {
this.$nextTick(() => {
- var myChart = echarts.init(this.$refs.carStatisticsEchartBox);
- myChart.setOption(carStatistics);
+ const myChart1 = echarts.init(this.$refs.carStatisticsEchartBox);
+ myChart1.setOption(carStatistics);
console.log("charts", carStatistics);
- var myChart = echarts.init(this.$refs.focusStatisticsEchartBox);
- myChart.setOption(focusStatistics);
+ const myChart2 = echarts.init(this.$refs.focusStatisticsEchartBox);
+ myChart2.setOption(focusStatistics);
console.log("charts", focusStatistics);
- var myChart = echarts.init(this.$refs.otherStatisticsEchartBox);
- myChart.setOption(otherStatistics);
+ const myChart3 = echarts.init(this.$refs.otherStatisticsEchartBox);
+ myChart3.setOption(otherStatistics);
console.log("charts", otherStatistics);
});
});
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js
index b532e94d..3bd29572 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/carStatistics.js
@@ -3,222 +3,224 @@ var getmax = 100;
var getvalue = 58.34;
var carStatistics = {
- // backgroundColor: "#132A7F",
- grid: {
- top: 0,
- bottom: 0,
- },
- angleAxis: {
- show: false,
- max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
- type: "value",
- startAngle: 225, //极坐标初始角度
- splitLine: {
- show: false,
- },
- },
- barMaxWidth: 5, //圆环宽度
- radiusAxis: {
- show: false,
- type: "category",
- },
- //圆环位置和大小
- polar: {
- center: ["50%", "50%"],
- radius: "170%",
+ // backgroundColor: "#132A7F",
+ grid: {
+ top: 0,
+ bottom: 0,
+ },
+ angleAxis: {
+ show: false,
+ max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
+ type: "value",
+ startAngle: 225, //极坐标初始角度
+ splitLine: {
+ show: false,
},
+ },
+ barMaxWidth: 5, //圆环宽度
+ radiusAxis: {
+ show: false,
+ type: "category",
+ },
+ //圆环位置和大小
+ polar: {
+ center: ["50%", "50%"],
+ radius: "170%",
+ },
- series: [
+ series: [
+ {
+ type: "bar",
+ data: [
{
- type: "bar",
- data: [
- {
- //上层圆环，显示数据
- value: getvalue,
- itemStyle: {
- color: "#00CBFF"
- },
- },
- ],
- barGap: "-100%", //柱间距离,上下两层圆环重合
- coordinateSystem: "polar",
- roundCap: true, //顶端圆角
- z: 3, //圆环层级，同zindex
+ //上层圆环，显示数据
+ value: getvalue,
+ itemStyle: {
+ color: "#00CBFF",
+ },
},
+ ],
+ barGap: "-100%", //柱间距离,上下两层圆环重合
+ coordinateSystem: "polar",
+ roundCap: true, //顶端圆角
+ z: 3, //圆环层级，同zindex
+ },
+ {
+ //下层圆环，显示最大值
+ type: "bar",
+ data: [
{
- //下层圆环，显示最大值
- type: "bar",
- data: [
- {
- value: getmax,
- itemStyle: {
- color: "#1C748C",
- opacity: 1,
- borderWidth: 0,
- },
- },
- ],
- barGap: "-100%",
- coordinateSystem: "polar",
- roundCap: true,
- z: 1,
+ value: getmax,
+ itemStyle: {
+ color: "#1C748C",
+ opacity: 1,
+ borderWidth: 0,
+ },
},
- //仪表盘
- {
- type: "gauge",
- startAngle: 225, //起始角度，同极坐标
- endAngle: -45, //终止角度，同极坐标
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- show: false,
- },
- splitLabel: {
- show: false,
- },
- pointer: {
- // 分隔线
- shadowColor: "auto", //默认透明
- shadowBlur: 5,
- length: "50%",
- width: "2",
- show: false,
- },
- itemStyle: {
- color: "#3FD7FE",
- borderColor: "#3FD7FE",
- borderWidth: 6,
- },
- detail: {
- formatter: function (params) {
- // return '完成率\n'+getvalue + '%';
- return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|小客车}`;
- },
- rich: {
- cn:{fontSize: 16,},
- number: {
- display:"block",
- marginTop:10,
- fontSize: 14,
- textAlign: "center",
- },
- wcl: {
- marginTop:10,
- fontSize: 10,
- textAlign: "center",
- },
- },
- color: "#fff",
- lineHeight: 30,
- offsetCenter: ["0", "0"],
- },
- title: {
- show: false,
- },
- data: [
- {
- value: getvalue,
- },
- ],
+ ],
+ barGap: "-100%",
+ coordinateSystem: "polar",
+ roundCap: true,
+ z: 1,
+ },
+ //仪表盘
+ {
+ type: "gauge",
+ startAngle: 225, //起始角度，同极坐标
+ endAngle: -45, //终止角度，同极坐标
+ axisLine: {
+ show: false,
+ },
+ splitLine: {
+ show: false,
+ },
+ axisTick: {
+ show: false,
+ },
+ axisLabel: {
+ show: false,
+ },
+ splitLabel: {
+ show: false,
+ },
+ pointer: {
+ // 分隔线
+ shadowColor: "auto", //默认透明
+ shadowBlur: 5,
+ length: "50%",
+ width: "2",
+ show: false,
+ },
+ itemStyle: {
+ color: "#3FD7FE",
+ borderColor: "#3FD7FE",
+ borderWidth: 6,
+ },
+ detail: {
+ formatter: function (params) {
+ // return '完成率\n'+getvalue + '%';
+ return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|小客车}`;
},
- {
- name: "外部刻度",
- type: "gauge",
- // center: ['20%', '50%'],
- radius: "95%",
- min: 0, //最小刻度
- max: 100, //最大刻度
- splitNumber: 10, //刻度数量
- startAngle: 225,
- endAngle: -45,
- axisLine: {
- show: true,
- lineStyle: {
- width: 1,
- color: [[1, "rgba(0,0,0,0)"]],
- },
- }, //仪表盘轴线
- axisLabel: {
- show: false,
- color: "#4d5bd1",
- distance: 25,
- }, //刻度标签。
- axisTick: {
- show: true,
- splitNumber: 7,
- lineStyle: {
- color: "#086CAF", //用颜色渐变函数不起作用
- width: 2,
- },
- length: -2,
- }, //刻度样式
- splitLine: {
- show: false,
- length: -20,
- lineStyle: {
- color: "#C7CBCF", //用颜色渐变函数不起作用
- },
- }, //分隔线样式
- detail: {
- show: false,
- },
- pointer: {
- show: false,
- },
+ rich: {
+ fontFamily: "PangMenZhengDao-Regular",
+ cn: { fontSize: 16 },
+ number: {
+ display: "block",
+ marginTop: 10,
+ fontSize: 16,
+ fontWeight: 900,
+ textAlign: "center",
+ },
+ wcl: {
+ marginTop: 10,
+ fontSize: 12,
+ textAlign: "center",
+ },
},
+ color: "#fff",
+ lineHeight: 30,
+ offsetCenter: ["0", "0"],
+ },
+ title: {
+ show: false,
+ },
+ data: [
{
- name: "内部刻度",
- type: "gauge",
- // center: ['20%', '50%'],
- radius: "80%",
- min: 0, //最小刻度
- max: 100, //最大刻度
- splitNumber: 100, //刻度数量
- startAngle: 225,
- endAngle: -45,
- axisLine: {
- show: true,
- lineStyle: {
- width: 1,
- color: [[1, "rgba(0,0,0,0)"]],
- },
- }, //仪表盘轴线
- axisLabel: {
- show: false,
- color: "#4d5bd1",
- distance: 25,
- }, //刻度标签。
- axisTick: {
- show: true,
- splitNumber: 77,//间距
- lineStyle: {
- color: "#086CAF", //用颜色渐变函数不起作用
- width: 2,
- },
- length: -2,
- }, //刻度样式
- splitLine: {
- show: false,
- length: 100,
- lineStyle: {
- color: "#C7CBCF", //用颜色渐变函数不起作用
- },
- }, //分隔线样式
- detail: {
- show: false,
- },
- pointer: {
- show: false,
- },
+ value: getvalue,
},
- ],
+ ],
+ },
+ {
+ name: "外部刻度",
+ type: "gauge",
+ // center: ['20%', '50%'],
+ radius: "95%",
+ min: 0, //最小刻度
+ max: 100, //最大刻度
+ splitNumber: 10, //刻度数量
+ startAngle: 225,
+ endAngle: -45,
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 1,
+ color: [[1, "rgba(0,0,0,0)"]],
+ },
+ }, //仪表盘轴线
+ axisLabel: {
+ show: false,
+ color: "#4d5bd1",
+ distance: 25,
+ }, //刻度标签。
+ axisTick: {
+ show: true,
+ splitNumber: 7,
+ lineStyle: {
+ color: "#086CAF", //用颜色渐变函数不起作用
+ width: 2,
+ },
+ length: -2,
+ }, //刻度样式
+ splitLine: {
+ show: false,
+ length: -20,
+ lineStyle: {
+ color: "#C7CBCF", //用颜色渐变函数不起作用
+ },
+ }, //分隔线样式
+ detail: {
+ show: false,
+ },
+ pointer: {
+ show: false,
+ },
+ },
+ {
+ name: "内部刻度",
+ type: "gauge",
+ // center: ['20%', '50%'],
+ radius: "80%",
+ min: 0, //最小刻度
+ max: 100, //最大刻度
+ splitNumber: 100, //刻度数量
+ startAngle: 225,
+ endAngle: -45,
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 1,
+ color: [[1, "rgba(0,0,0,0)"]],
+ },
+ }, //仪表盘轴线
+ axisLabel: {
+ show: false,
+ color: "#4d5bd1",
+ distance: 25,
+ }, //刻度标签。
+ axisTick: {
+ show: true,
+ splitNumber: 77, //间距
+ lineStyle: {
+ color: "#086CAF", //用颜色渐变函数不起作用
+ width: 2,
+ },
+ length: -2,
+ }, //刻度样式
+ splitLine: {
+ show: false,
+ length: 100,
+ lineStyle: {
+ color: "#C7CBCF", //用颜色渐变函数不起作用
+ },
+ }, //分隔线样式
+ detail: {
+ show: false,
+ },
+ pointer: {
+ show: false,
+ },
+ },
+ ],
};
export default carStatistics;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js
index 41461b6f..1fa75224 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/focusStatistics.js
@@ -3,219 +3,221 @@ var getmax = 100;
var getvalue = 47.66;
var focusStatistics = {
- // backgroundColor: "#132A7F",
- grid: {
- top: 0,
- bottom: 0,
- },
- angleAxis: {
- show: false,
- max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
- type: "value",
- startAngle: 225, //极坐标初始角度
- splitLine: {
- show: false,
- },
- },
- barMaxWidth: 5, //圆环宽度
- radiusAxis: {
- show: false,
- type: "category",
- },
- //圆环位置和大小
- polar: {
- center: ["50%", "50%"],
- radius: "170%",
+ // backgroundColor: "#132A7F",
+ grid: {
+ top: 0,
+ bottom: 0,
+ },
+ angleAxis: {
+ show: false,
+ max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
+ type: "value",
+ startAngle: 225, //极坐标初始角度
+ splitLine: {
+ show: false,
},
+ },
+ barMaxWidth: 5, //圆环宽度
+ radiusAxis: {
+ show: false,
+ type: "category",
+ },
+ //圆环位置和大小
+ polar: {
+ center: ["50%", "50%"],
+ radius: "170%",
+ },
- series: [
+ series: [
+ {
+ type: "bar",
+ data: [
{
- type: "bar",
- data: [
- {
- //上层圆环，显示数据
- value: getvalue,
- itemStyle: {
- color: "#FE861E"
- },
- },
- ],
- barGap: "-100%", //柱间距离,上下两层圆环重合
- coordinateSystem: "polar",
- roundCap: true, //顶端圆角
- z: 3, //圆环层级，同zindex
+ //上层圆环，显示数据
+ value: getvalue,
+ itemStyle: {
+ color: "#FE861E",
+ },
},
+ ],
+ barGap: "-100%", //柱间距离,上下两层圆环重合
+ coordinateSystem: "polar",
+ roundCap: true, //顶端圆角
+ z: 3, //圆环层级，同zindex
+ },
+ {
+ //下层圆环，显示最大值
+ type: "bar",
+ data: [
{
- //下层圆环，显示最大值
- type: "bar",
- data: [
- {
- value: getmax,
- itemStyle: {
- color: "#1C748C",
- opacity: 1,
- borderWidth: 0,
- },
- },
- ],
- barGap: "-100%",
- coordinateSystem: "polar",
- roundCap: true,
- z: 1,
+ value: getmax,
+ itemStyle: {
+ color: "#1C748C",
+ opacity: 1,
+ borderWidth: 0,
+ },
},
- //仪表盘
- {
- type: "gauge",
- startAngle: 225, //起始角度，同极坐标
- endAngle: -45, //终止角度，同极坐标
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- show: false,
- },
- splitLabel: {
- show: false,
- },
- pointer: {
- // 分隔线
- shadowColor: "auto", //默认透明
- shadowBlur: 5,
- length: "50%",
- width: "2",
- show: false,
- },
- itemStyle: {
- color: "#3FD7FE",
- borderColor: "#3FD7FE",
- borderWidth: 6,
- },
- detail: {
- formatter: function (params) {
- // return '完成率\n'+getvalue + '%';
- return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|重点车辆}`;
- },
- rich: {
- cn:{fontSize: 16,},
- number: {
- fontSize: 16,
- textAlign: "center",
- },
- wcl: {
- fontSize: 10,
- textAlign: "center",
- },
- },
- color: "#fff",
- lineHeight: 30,
- offsetCenter: ["0", "0"],
- },
- title: {
- show: false,
- },
- data: [
- {
- value: getvalue,
- },
- ],
+ ],
+ barGap: "-100%",
+ coordinateSystem: "polar",
+ roundCap: true,
+ z: 1,
+ },
+ //仪表盘
+ {
+ type: "gauge",
+ startAngle: 225, //起始角度，同极坐标
+ endAngle: -45, //终止角度，同极坐标
+ axisLine: {
+ show: false,
+ },
+ splitLine: {
+ show: false,
+ },
+ axisTick: {
+ show: false,
+ },
+ axisLabel: {
+ show: false,
+ },
+ splitLabel: {
+ show: false,
+ },
+ pointer: {
+ // 分隔线
+ shadowColor: "auto", //默认透明
+ shadowBlur: 5,
+ length: "50%",
+ width: "2",
+ show: false,
+ },
+ itemStyle: {
+ color: "#3FD7FE",
+ borderColor: "#3FD7FE",
+ borderWidth: 6,
+ },
+ detail: {
+ formatter: function (params) {
+ // return '完成率\n'+getvalue + '%';
+ return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|重点车辆}`;
},
- {
- name: "外部刻度",
- type: "gauge",
- // center: ['20%', '50%'],
- radius: "95%",
- min: 0, //最小刻度
- max: 100, //最大刻度
- splitNumber: 10, //刻度数量
- startAngle: 225,
- endAngle: -45,
- axisLine: {
- show: true,
- lineStyle: {
- width: 1,
- color: [[1, "rgba(0,0,0,0)"]],
- },
- }, //仪表盘轴线
- axisLabel: {
- show: false,
- color: "#4d5bd1",
- distance: 25,
- }, //刻度标签。
- axisTick: {
- show: true,
- splitNumber: 7,
- lineStyle: {
- color: "#086CAF", //用颜色渐变函数不起作用
- width: 2,
- },
- length: -2,
- }, //刻度样式
- splitLine: {
- show: false,
- length: -20,
- lineStyle: {
- color: "#C7CBCF", //用颜色渐变函数不起作用
- },
- }, //分隔线样式
- detail: {
- show: false,
- },
- pointer: {
- show: false,
- },
+ rich: {
+ fontFamily: "PangMenZhengDao-Regular",
+ cn: { fontSize: 16 },
+ number: {
+ fontSize: 16,
+ fontWeight: 900,
+ textAlign: "center",
+ },
+ wcl: {
+ fontSize: 12,
+ textAlign: "center",
+ },
},
+ color: "#fff",
+ lineHeight: 30,
+ offsetCenter: ["0", "0"],
+ },
+ title: {
+ show: false,
+ },
+ data: [
{
- name: "内部刻度",
- type: "gauge",
- // center: ['20%', '50%'],
- radius: "80%",
- min: 0, //最小刻度
- max: 100, //最大刻度
- splitNumber: 100, //刻度数量
- startAngle: 225,
- endAngle: -45,
- axisLine: {
- show: true,
- lineStyle: {
- width: 1,
- color: [[1, "rgba(0,0,0,0)"]],
- },
- }, //仪表盘轴线
- axisLabel: {
- show: false,
- color: "#4d5bd1",
- distance: 25,
- }, //刻度标签。
- axisTick: {
- show: true,
- splitNumber: 77,//间距
- lineStyle: {
- color: "#086CAF", //用颜色渐变函数不起作用
- width: 2,
- },
- length: -2,
- }, //刻度样式
- splitLine: {
- show: false,
- length: 100,
- lineStyle: {
- color: "#C7CBCF", //用颜色渐变函数不起作用
- },
- }, //分隔线样式
- detail: {
- show: false,
- },
- pointer: {
- show: false,
- },
+ value: getvalue,
},
- ],
+ ],
+ },
+ {
+ name: "外部刻度",
+ type: "gauge",
+ // center: ['20%', '50%'],
+ radius: "95%",
+ min: 0, //最小刻度
+ max: 100, //最大刻度
+ splitNumber: 10, //刻度数量
+ startAngle: 225,
+ endAngle: -45,
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 1,
+ color: [[1, "rgba(0,0,0,0)"]],
+ },
+ }, //仪表盘轴线
+ axisLabel: {
+ show: false,
+ color: "#4d5bd1",
+ distance: 25,
+ }, //刻度标签。
+ axisTick: {
+ show: true,
+ splitNumber: 7,
+ lineStyle: {
+ color: "#086CAF", //用颜色渐变函数不起作用
+ width: 2,
+ },
+ length: -2,
+ }, //刻度样式
+ splitLine: {
+ show: false,
+ length: -20,
+ lineStyle: {
+ color: "#C7CBCF", //用颜色渐变函数不起作用
+ },
+ }, //分隔线样式
+ detail: {
+ show: false,
+ },
+ pointer: {
+ show: false,
+ },
+ },
+ {
+ name: "内部刻度",
+ type: "gauge",
+ // center: ['20%', '50%'],
+ radius: "80%",
+ min: 0, //最小刻度
+ max: 100, //最大刻度
+ splitNumber: 100, //刻度数量
+ startAngle: 225,
+ endAngle: -45,
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 1,
+ color: [[1, "rgba(0,0,0,0)"]],
+ },
+ }, //仪表盘轴线
+ axisLabel: {
+ show: false,
+ color: "#4d5bd1",
+ distance: 25,
+ }, //刻度标签。
+ axisTick: {
+ show: true,
+ splitNumber: 77, //间距
+ lineStyle: {
+ color: "#086CAF", //用颜色渐变函数不起作用
+ width: 2,
+ },
+ length: -2,
+ }, //刻度样式
+ splitLine: {
+ show: false,
+ length: 100,
+ lineStyle: {
+ color: "#C7CBCF", //用颜色渐变函数不起作用
+ },
+ }, //分隔线样式
+ detail: {
+ show: false,
+ },
+ pointer: {
+ show: false,
+ },
+ },
+ ],
};
export default focusStatistics;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/otherStatistics.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/otherStatistics.js
index 88ffd93f..da009764 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/otherStatistics.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/ConditionStatistics/js/otherStatistics.js
@@ -3,219 +3,221 @@ var getmax = 100;
var getvalue = 27;
var otherStatistics = {
- // backgroundColor: "#132A7F",
- grid: {
- top: 0,
- bottom: 0,
- },
- angleAxis: {
- show: false,
- max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
- type: "value",
- startAngle: 225, //极坐标初始角度
- splitLine: {
- show: false,
- },
- },
- barMaxWidth: 5, //圆环宽度
- radiusAxis: {
- show: false,
- type: "category",
- },
- //圆环位置和大小
- polar: {
- center: ["50%", "50%"],
- radius: "170%",
+ // backgroundColor: "#132A7F",
+ grid: {
+ top: 0,
+ bottom: 0,
+ },
+ angleAxis: {
+ show: false,
+ max: (getmax * 360) / 270, //-45度到225度，二者偏移值是270度除360度
+ type: "value",
+ startAngle: 225, //极坐标初始角度
+ splitLine: {
+ show: false,
},
+ },
+ barMaxWidth: 5, //圆环宽度
+ radiusAxis: {
+ show: false,
+ type: "category",
+ },
+ //圆环位置和大小
+ polar: {
+ center: ["50%", "50%"],
+ radius: "170%",
+ },
- series: [
+ series: [
+ {
+ type: "bar",
+ data: [
{
- type: "bar",
- data: [
- {
- //上层圆环，显示数据
- value: getvalue,
- itemStyle: {
- color: "#29DEAF"
- },
- },
- ],
- barGap: "-100%", //柱间距离,上下两层圆环重合
- coordinateSystem: "polar",
- roundCap: true, //顶端圆角
- z: 3, //圆环层级，同zindex
+ //上层圆环，显示数据
+ value: getvalue,
+ itemStyle: {
+ color: "#29DEAF",
+ },
},
+ ],
+ barGap: "-100%", //柱间距离,上下两层圆环重合
+ coordinateSystem: "polar",
+ roundCap: true, //顶端圆角
+ z: 3, //圆环层级，同zindex
+ },
+ {
+ //下层圆环，显示最大值
+ type: "bar",
+ data: [
{
- //下层圆环，显示最大值
- type: "bar",
- data: [
- {
- value: getmax,
- itemStyle: {
- color: "#1C748C",
- opacity: 1,
- borderWidth: 0,
- },
- },
- ],
- barGap: "-100%",
- coordinateSystem: "polar",
- roundCap: true,
- z: 1,
+ value: getmax,
+ itemStyle: {
+ color: "#1C748C",
+ opacity: 1,
+ borderWidth: 0,
+ },
},
- //仪表盘
- {
- type: "gauge",
- startAngle: 225, //起始角度，同极坐标
- endAngle: -45, //终止角度，同极坐标
- axisLine: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- show: false,
- },
- splitLabel: {
- show: false,
- },
- pointer: {
- // 分隔线
- shadowColor: "auto", //默认透明
- shadowBlur: 5,
- length: "50%",
- width: "2",
- show: false,
- },
- itemStyle: {
- color: "#3FD7FE",
- borderColor: "#3FD7FE",
- borderWidth: 6,
- },
- detail: {
- formatter: function (params) {
- // return '完成率\n'+getvalue + '%';
- return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|其他}`;
- },
- rich: {
- cn:{fontSize: 16,},
- number: {
- fontSize: 16,
- textAlign: "center",
- },
- wcl: {
- fontSize: 10,
- textAlign: "center",
- },
- },
- color: "#fff",
- lineHeight: 30,
- offsetCenter: ["0", "0"],
- },
- title: {
- show: false,
- },
- data: [
- {
- value: getvalue,
- },
- ],
+ ],
+ barGap: "-100%",
+ coordinateSystem: "polar",
+ roundCap: true,
+ z: 1,
+ },
+ //仪表盘
+ {
+ type: "gauge",
+ startAngle: 225, //起始角度，同极坐标
+ endAngle: -45, //终止角度，同极坐标
+ axisLine: {
+ show: false,
+ },
+ splitLine: {
+ show: false,
+ },
+ axisTick: {
+ show: false,
+ },
+ axisLabel: {
+ show: false,
+ },
+ splitLabel: {
+ show: false,
+ },
+ pointer: {
+ // 分隔线
+ shadowColor: "auto", //默认透明
+ shadowBlur: 5,
+ length: "50%",
+ width: "2",
+ show: false,
+ },
+ itemStyle: {
+ color: "#3FD7FE",
+ borderColor: "#3FD7FE",
+ borderWidth: 6,
+ },
+ detail: {
+ formatter: function (params) {
+ // return '完成率\n'+getvalue + '%';
+ return `{cn|}\n{number|${getvalue + "%"}\n}{wcl|其他}`;
},
- {
- name: "外部刻度",
- type: "gauge",
- // center: ['20%', '50%'],
- radius: "95%",
- min: 0, //最小刻度
- max: 100, //最大刻度
- splitNumber: 10, //刻度数量
- startAngle: 225,
- endAngle: -45,
- axisLine: {
- show: true,
- lineStyle: {
- width: 1,
- color: [[1, "rgba(0,0,0,0)"]],
- },
- }, //仪表盘轴线
- axisLabel: {
- show: false,
- color: "#4d5bd1",
- distance: 25,
- }, //刻度标签。
- axisTick: {
- show: true,
- splitNumber: 7,
- lineStyle: {
- color: "#086CAF", //用颜色渐变函数不起作用
- width: 2,
- },
- length: -2,
- }, //刻度样式
- splitLine: {
- show: false,
- length: -20,
- lineStyle: {
- color: "#C7CBCF", //用颜色渐变函数不起作用
- },
- }, //分隔线样式
- detail: {
- show: false,
- },
- pointer: {
- show: false,
- },
+ rich: {
+ fontFamily: "PangMenZhengDao-Regular",
+ cn: { fontSize: 16 },
+ number: {
+ fontSize: 16,
+ fontWeight: 900,
+ textAlign: "center",
+ },
+ wcl: {
+ fontSize: 12,
+ textAlign: "center",
+ },
},
+ color: "#fff",
+ lineHeight: 30,
+ offsetCenter: ["0", "0"],
+ },
+ title: {
+ show: false,
+ },
+ data: [
{
- name: "内部刻度",
- type: "gauge",
- // center: ['20%', '50%'],
- radius: "80%",
- min: 0, //最小刻度
- max: 100, //最大刻度
- splitNumber: 100, //刻度数量
- startAngle: 225,
- endAngle: -45,
- axisLine: {
- show: true,
- lineStyle: {
- width: 1,
- color: [[1, "rgba(0,0,0,0)"]],
- },
- }, //仪表盘轴线
- axisLabel: {
- show: false,
- color: "#4d5bd1",
- distance: 25,
- }, //刻度标签。
- axisTick: {
- show: true,
- splitNumber: 77,//间距
- lineStyle: {
- color: "#086CAF", //用颜色渐变函数不起作用
- width: 2,
- },
- length: -2,
- }, //刻度样式
- splitLine: {
- show: false,
- length: 100,
- lineStyle: {
- color: "#C7CBCF", //用颜色渐变函数不起作用
- },
- }, //分隔线样式
- detail: {
- show: false,
- },
- pointer: {
- show: false,
- },
+ value: getvalue,
},
- ],
+ ],
+ },
+ {
+ name: "外部刻度",
+ type: "gauge",
+ // center: ['20%', '50%'],
+ radius: "95%",
+ min: 0, //最小刻度
+ max: 100, //最大刻度
+ splitNumber: 10, //刻度数量
+ startAngle: 225,
+ endAngle: -45,
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 1,
+ color: [[1, "rgba(0,0,0,0)"]],
+ },
+ }, //仪表盘轴线
+ axisLabel: {
+ show: false,
+ color: "#4d5bd1",
+ distance: 25,
+ }, //刻度标签。
+ axisTick: {
+ show: true,
+ splitNumber: 7,
+ lineStyle: {
+ color: "#086CAF", //用颜色渐变函数不起作用
+ width: 2,
+ },
+ length: -2,
+ }, //刻度样式
+ splitLine: {
+ show: false,
+ length: -20,
+ lineStyle: {
+ color: "#C7CBCF", //用颜色渐变函数不起作用
+ },
+ }, //分隔线样式
+ detail: {
+ show: false,
+ },
+ pointer: {
+ show: false,
+ },
+ },
+ {
+ name: "内部刻度",
+ type: "gauge",
+ // center: ['20%', '50%'],
+ radius: "80%",
+ min: 0, //最小刻度
+ max: 100, //最大刻度
+ splitNumber: 100, //刻度数量
+ startAngle: 225,
+ endAngle: -45,
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 1,
+ color: [[1, "rgba(0,0,0,0)"]],
+ },
+ }, //仪表盘轴线
+ axisLabel: {
+ show: false,
+ color: "#4d5bd1",
+ distance: 25,
+ }, //刻度标签。
+ axisTick: {
+ show: true,
+ splitNumber: 77, //间距
+ lineStyle: {
+ color: "#086CAF", //用颜色渐变函数不起作用
+ width: 2,
+ },
+ length: -2,
+ }, //刻度样式
+ splitLine: {
+ show: false,
+ length: 100,
+ lineStyle: {
+ color: "#C7CBCF", //用颜色渐变函数不起作用
+ },
+ }, //分隔线样式
+ detail: {
+ show: false,
+ },
+ pointer: {
+ show: false,
+ },
+ },
+ ],
};
export default otherStatistics;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue
index f8a8db3b..d1f2e623 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue
@@ -220,17 +220,16 @@ export default {
})
},
updateEvent() {
- // s
this.btnLoading = true;
- console.log({
- id: this.dialogData.id,
- warningType: this.data.warningType,
- warningSubclass: this.data.warningSubclass,
- remark: this.data.remark,
- vehicleType: this.data.vehicleType,
- lane: this.data.lane
- })
+ // console.log({
+ // id: this.dialogData.id,
+ // warningType: this.data.warningType,
+ // warningSubclass: this.data.warningSubclass,
+ // remark: this.data.remark,
+ // vehicleType: this.data.vehicleType,
+ // lane: this.data.lane
+ // })
request({
url: `/perceivedEvents/warning/updateWarning`,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/DetailCard.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/DetailCard.vue
index 5d7e2a21..61c250e4 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/DetailCard.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditDetails/DetailCard.vue
@@ -2,7 +2,7 @@