feat:修改project module下的detil的stae為面积图
This commit is contained in:
@@ -479,6 +479,21 @@
|
|||||||
this.endLoading();
|
this.endLoading();
|
||||||
},
|
},
|
||||||
initChart(series) {
|
initChart(series) {
|
||||||
|
series.forEach((item)=>{
|
||||||
|
item.areaStyle={
|
||||||
|
// color: {
|
||||||
|
// type: 'linear',
|
||||||
|
// x: 0,
|
||||||
|
// y: 0,
|
||||||
|
// colorStops: [{
|
||||||
|
// offset: 0, color: 'rgb(255, 158, 68)' // 0% 处的颜色
|
||||||
|
// }, {
|
||||||
|
// offset: 1, color: 'rgb(255, 70, 131)' // 100% 处的颜色
|
||||||
|
// }],
|
||||||
|
// global: false
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
});
|
||||||
let option = {
|
let option = {
|
||||||
title: {show: false},
|
title: {show: false},
|
||||||
grid: {top: 20, bottom: 20},
|
grid: {top: 20, bottom: 20},
|
||||||
@@ -519,18 +534,18 @@
|
|||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
useUTC: false,//使用本地时间
|
useUTC: false,//使用本地时间
|
||||||
visualMap: {
|
// visualMap: {
|
||||||
show: false,
|
// show: false,
|
||||||
pieces: [{
|
// pieces: [{
|
||||||
gt: -0.5,
|
// gt: -0.5,
|
||||||
lt: 0.5,
|
// lt: 0.5,
|
||||||
color: '#d64f40'
|
// color: '#d64f40'
|
||||||
}, {
|
// }, {
|
||||||
gt: 0.6,
|
// gt: 0.6,
|
||||||
lt: 1.5,
|
// lt: 1.5,
|
||||||
color: '#50d050'
|
// color: '#50d050'
|
||||||
}]
|
// }]
|
||||||
},
|
// },
|
||||||
series: series
|
series: series
|
||||||
};
|
};
|
||||||
let chart = echarts.init(document.querySelector("#littleChart"));
|
let chart = echarts.init(document.querySelector("#littleChart"));
|
||||||
|
|||||||
@@ -574,27 +574,28 @@
|
|||||||
}
|
}
|
||||||
//endpoint单独处理
|
//endpoint单独处理
|
||||||
if (param.from == "endpoint") {
|
if (param.from == "endpoint") {
|
||||||
|
console.log("endpoint");
|
||||||
this.dataList = [];
|
this.dataList = [];
|
||||||
this.dataList.push({
|
// this.dataList.push({
|
||||||
id: -8,
|
// id: -8,
|
||||||
panelId: 0,
|
// panelId: 0,
|
||||||
title: this.$t("alert.alertList"),
|
// title: this.$t("alert.alertList"),
|
||||||
span: 8,
|
// span: 8,
|
||||||
height: 700,
|
// height: 700,
|
||||||
type: "alertList",
|
// type: "alertList",
|
||||||
prev: -9,
|
// prev: -9,
|
||||||
next: -1,
|
// next: -1,
|
||||||
buildIn: 1,
|
// buildIn: 1,
|
||||||
draggable: false,
|
// draggable: false,
|
||||||
resizable: false,
|
// resizable: false,
|
||||||
editable: false,
|
// editable: false,
|
||||||
});
|
// });
|
||||||
this.dataList.push({
|
this.dataList.push({
|
||||||
id: -10,
|
id: -10,
|
||||||
panelId: 0,
|
panelId: 0,
|
||||||
dataId: this.additionalInfo.id,
|
dataId: this.additionalInfo.id,
|
||||||
title: this.$t("project.chart.endpointInfo"),
|
title: this.$t("project.chart.endpointInfo"),
|
||||||
span: 4,
|
span: 6,
|
||||||
height: 350,
|
height: 350,
|
||||||
type: "endpointInfo",
|
type: "endpointInfo",
|
||||||
prev: 0,
|
prev: 0,
|
||||||
@@ -611,7 +612,7 @@
|
|||||||
id: -9,
|
id: -9,
|
||||||
panelId: 0,
|
panelId: 0,
|
||||||
title: this.$t("asset.assetInfo"),
|
title: this.$t("asset.assetInfo"),
|
||||||
span: 4,
|
span: 6,
|
||||||
height: 350,
|
height: 350,
|
||||||
type: "assetInfo",
|
type: "assetInfo",
|
||||||
prev: -10,
|
prev: -10,
|
||||||
|
|||||||
Reference in New Issue
Block a user