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, fontSize: 14,
margin: 20, margin: 20,
formatter: function (value) { formatter: function (value) {
return "{" + value + "| }\n{value|" + value + "}"; return value + "{flag|}";
}, },
rich: { rich: {
value: { value: {
width: 20, width: 20,
height: 20, height: 20,
fontSize: 14, fontSize: 14,
// backgroundColor: {
// image: Group,
// },
// backgroundPosition: "50px",
}, },
测试: { flag: {
width: 20, width: 20,
height: 40, height: 40,
align: "center", 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" /> <StatsDialogVisible :visible="statsDialogVisible" @update:value="handleClose" />
</div> </div>
</template> </template>
<script> <script>
import WgtTitle from "@screen/pages/perception/widgets/title"; import WgtTitle from "@screen/pages/perception/widgets/title";
import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue"; 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.yAxis[0].data = facilityName;
chartsStatistics.series[0].data = trafficClose; chartsStatistics.series[0].data = trafficClose;
chartsStatistics.series[1].data = trafficRestriction; chartsStatistics.series[1].data = trafficRestriction;
console.log("++++++++++++", chartsStatistics)
}) })
} }
@ -88,7 +82,7 @@ export default {
}, },
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.congestion { .congestion {
width: 100%; width: 100%;
@ -121,4 +115,3 @@ export default {
width: 100%; width: 100%;
} }
</style> </style>

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

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

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

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