Browse Source

更改

wangqin
zhangzhang 1 year ago
parent
commit
c010473d62
  1. 1
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/assets/charts.js
  2. 1
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/assets/charts.js
  3. 1
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/assets/charts.js
  4. 1
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts.js
  5. 42
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts2.js
  6. 2
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue

1
ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/assets/charts.js

@ -10,6 +10,7 @@ var options = {
}, },
tooltip: { tooltip: {
show: true, show: true,
trigger: "axis",
}, },
xAxis: { xAxis: {
type: "category", type: "category",

1
ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/assets/charts.js

@ -10,6 +10,7 @@ var options = {
}, },
tooltip: { tooltip: {
show: true, show: true,
trigger: "axis",
}, },
xAxis: { xAxis: {
type: "category", type: "category",

1
ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/assets/charts.js

@ -3,6 +3,7 @@ var options = {
color: ["#32BB8A", "#01B3E4"], color: ["#32BB8A", "#01B3E4"],
tooltip: { tooltip: {
show: true, show: true,
trigger: "axis",
}, },
grid: { grid: {
left: "0%", left: "0%",

1
ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts.js

@ -61,6 +61,7 @@ nameList.map((item, index) => {
var options = { var options = {
tooltip: { tooltip: {
show: true, show: true,
trigger: "axis",
}, },
legend: { legend: {
// orient: 'vertical', // orient: 'vertical',

42
ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts2.js

@ -16,7 +16,7 @@ let list = [
}, },
{ {
name: "拥挤度", name: "拥挤度",
max: 88, max: 108,
}, },
{ {
name: "饱和度", name: "饱和度",
@ -28,26 +28,26 @@ let data2 = [[60, 60, 65, 60, 70, 40, 80, 63]];
let options = { let options = {
tooltip: { tooltip: {
show: true, show: true,
// trigger: "item", trigger: "radar",
formatter: (data) => { // formatter: (data) => {
// console.log(data.seriesIndex); // // console.log(data.seriesIndex);
var tip = '<span class="echarts-tip-h5">' + data.seriesName + "</span>"; // var tip = '<span class="echarts-tip-h5">' + data.seriesName + "</span>";
let tmpData = []; // let tmpData = [];
if (data.seriesIndex === 0) { // if (data.seriesIndex === 0) {
tmpData = data1; // tmpData = data1;
} else if (data.seriesIndex === 1) { // } else if (data.seriesIndex === 1) {
tmpData = data2; // tmpData = data2;
} // }
console.log(tmpData); // console.log(tmpData);
data.value.forEach((item, index) => { // data.value.forEach((item, index) => {
// console.log(list[index].name) // // console.log(list[index].name)
tip += "<div>"; // tip += "<div>";
tip += // tip +=
"<div>" + list[index].name + ": " + tmpData[0][index] + "万</div>"; // "<div>" + list[index].name + ": " + tmpData[0][index] + "万</div>";
tip += "</div>"; // tip += "</div>";
}); // });
return tip; // return tip;
}, // },
}, },
grid: { grid: {
top: "5%", //上边距 top: "5%", //上边距

2
ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue

@ -141,7 +141,7 @@
<div id="chart2" class="keep-ratio"></div> <div id="chart2" class="keep-ratio"></div>
</div> </div>
<div class="itemChart"> <div class="itemChart">
<div class="title">月指标</div> <div class="title">月指标</div>
<div id="chart3" class="keep-ratio"></div> <div id="chart3" class="keep-ratio"></div>
</div> </div>
</div> </div>

Loading…
Cancel
Save