feat:修改project module下的detil的stae為面积图

This commit is contained in:
zhangyu
2020-09-30 15:11:42 +08:00
parent 1f3ae44274
commit 14d3addb9a
2 changed files with 44 additions and 28 deletions

View File

@@ -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"));

View File

@@ -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,