Browse Source

图表修改提交

wangqin
Joe 1 year ago
parent
commit
7a478f9d16
  1. 8
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/assets/charts.js
  2. 11
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/index.vue
  3. 13
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts2.js
  4. 21
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue

8
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/assets/charts.js

@ -72,19 +72,15 @@ var options = {
fontSize: 14,
margin: 20,
formatter: function (value) {
return "{" + value + "| }\n{value|" + value + "}";
return value + "{flag|}";
},
rich: {
value: {
width: 20,
height: 20,
fontSize: 14,
// backgroundColor: {
// image: Group,
// },
// backgroundPosition: "50px",
},
测试: {
flag: {
width: 20,
height: 40,
align: "center",

11
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/index.vue

@ -12,7 +12,7 @@
<StatsDialogVisible :visible="statsDialogVisible" @update:value="handleClose" />
</div>
</template>
<script>
import WgtTitle from "@screen/pages/perception/widgets/title";
import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue";
@ -67,15 +67,9 @@ export default {
}
}
}
chartsStatistics.yAxis[0].axisLabel.formatter = function (params) {
}
console.log("----------", facilityName)
chartsStatistics.yAxis[0].axisLabel.rich
chartsStatistics.yAxis[0].data = facilityName;
chartsStatistics.series[0].data = trafficClose;
chartsStatistics.series[1].data = trafficRestriction;
console.log("++++++++++++", chartsStatistics)
})
}
@ -88,7 +82,7 @@ export default {
},
}
</script>
<style lang='scss' scoped>
.congestion {
width: 100%;
@ -121,4 +115,3 @@ export default {
width: 100%;
}
</style>

13
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts2.js

@ -49,10 +49,11 @@ let options = {
{
type: "value",
// splitNumber: 6,
name: "(起)",
name: "(起) ",
nameTextStyle: {
color: "#2A6278",
marginright: 20,
color: "#E5E7E8",
left: 10,
fomtSize: 10,
},
min: 0,
max: 900,
@ -80,10 +81,10 @@ let options = {
{
type: "value",
// splitNumber: 6,
name: "(分钟)",
name: " (分钟)",
nameTextStyle: {
color: "#2A6278",
marginLeft: 20,
color: "#E5E7E8",
fomtSize: 10,
},
min: 0,
max: 90,

21
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue

@ -38,7 +38,7 @@
</div>
</div>
</template>
<script>
import moment from "moment";
import WgtTitle from "@screen/pages/perception/widgets/title";
@ -119,11 +119,6 @@ export default {
numData.push(item.num)
mileageData.push(item.mileage)
});
// console.log("sectionNameData", sectionNameData)
// console.log("avgNumData", avgNumData)
// console.log("lastNumData", lastNumData)
// console.log("numData", numData)
// console.log("mileageData", mileageData)
chartsStatistics.series[0].data = avgNumData
@ -153,11 +148,6 @@ export default {
chartsStatistics2.series[3].data = lastAvgTimeData
chartsStatistics2.xAxis.data = eventSubclassData
})
// console.log("typeNameData", lastAvgTimeData)
// console.log("numData", numData)
// console.log("avgTimeData", avgTimeData)
// console.log("avgTimeData", lastNumData)
// console.log("eventSubclassData", eventSubclassData)
})
},
@ -172,9 +162,6 @@ export default {
numData.push(item.num)
avgTimeData.push(item.avgTime)
})
// console.log("typeNameData", typeNameData)
// console.log("numData", numData)
// console.log("avgTimeData", avgTimeData)
chartsStatistics3.series[0].data = numData
chartsStatistics3.series[1].data = avgTimeData
chartsStatistics3.xAxis.data = typeNameData
@ -184,7 +171,7 @@ export default {
let startTime = "";
if (this.type == 3) {
let year = moment().year();
console.log(year, this.quarter);
// console.log(year, this.quarter);
if (this.quarter == 1) {
startTime = `${year}-01-01 00:00:00`
} else if (this.quarter == 2) {
@ -206,7 +193,6 @@ export default {
formData.append("direction", this.direction);
formData.append("type", this.type);
formData.append("startTime", startTime);
console.log("formData66666", formData)
await this.getSelectRoadSection(formData)
await this.getSelectEventType(formData)
await this.getSelectAccidentVehicle(formData)
@ -237,7 +223,7 @@ export default {
},
}
</script>
<style lang='scss' scoped>
.congestion {
width: 100%;
@ -359,4 +345,3 @@ export default {
width: 100%;
}
</style>
Loading…
Cancel
Save