|
|
|
@ -559,19 +559,15 @@ export default {
|
|
|
|
|
type: "line", |
|
|
|
|
// 拐点大小 |
|
|
|
|
symbolSize: 8, |
|
|
|
|
data: this.chartData1, |
|
|
|
|
name: "温度", |
|
|
|
|
data: this.chartData2, |
|
|
|
|
name: "湿度", |
|
|
|
|
//折线颜色 |
|
|
|
|
itemStyle: { |
|
|
|
|
color: "#1a69f1", //折线点的颜色 |
|
|
|
|
}, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#1a69f1", //折线点的颜色 |
|
|
|
|
color: "#00CED1", //折线的颜色 |
|
|
|
|
}, |
|
|
|
|
smooth: false, |
|
|
|
|
// 不显示折线点 |
|
|
|
|
showSymbol: true, |
|
|
|
|
// 区域填充样式,添加渐变背景 |
|
|
|
|
areaStyle: { |
|
|
|
|
color: { |
|
|
|
|
type: "linear", |
|
|
|
@ -582,11 +578,11 @@ export default {
|
|
|
|
|
colorStops: [ |
|
|
|
|
{ |
|
|
|
|
offset: 0, |
|
|
|
|
color: "rgba(26, 105, 241, 0.5)", // 渐变起始颜色 |
|
|
|
|
color: "rgba(0, 206, 209, 0.5)", // 渐变起始颜色 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
offset: 1, |
|
|
|
|
color: "rgba(26, 105, 241, 0)", // 渐变结束颜色 |
|
|
|
|
color: "rgba(0, 206, 209, 0)", // 渐变结束颜色 |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
global: false, // 缺省为 false |
|
|
|
@ -597,15 +593,19 @@ export default {
|
|
|
|
|
type: "line", |
|
|
|
|
// 拐点大小 |
|
|
|
|
symbolSize: 8, |
|
|
|
|
data: this.chartData2, |
|
|
|
|
name: "湿度", |
|
|
|
|
data: this.chartData1, |
|
|
|
|
name: "温度", |
|
|
|
|
//折线颜色 |
|
|
|
|
itemStyle: { |
|
|
|
|
color: "#00CED1", //折线的颜色 |
|
|
|
|
color: "#1a69f1", //折线点的颜色 |
|
|
|
|
}, |
|
|
|
|
lineStyle: { |
|
|
|
|
color: "#1a69f1", //折线点的颜色 |
|
|
|
|
}, |
|
|
|
|
smooth: false, |
|
|
|
|
// 不显示折线点 |
|
|
|
|
showSymbol: true, |
|
|
|
|
// 区域填充样式,添加渐变背景 |
|
|
|
|
areaStyle: { |
|
|
|
|
color: { |
|
|
|
|
type: "linear", |
|
|
|
@ -616,11 +616,11 @@ export default {
|
|
|
|
|
colorStops: [ |
|
|
|
|
{ |
|
|
|
|
offset: 0, |
|
|
|
|
color: "rgba(0, 206, 209, 0.5)", // 渐变起始颜色 |
|
|
|
|
color: "rgba(26, 105, 241, 0.5)", // 渐变起始颜色 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
offset: 1, |
|
|
|
|
color: "rgba(0, 206, 209, 0)", // 渐变结束颜色 |
|
|
|
|
color: "rgba(26, 105, 241, 0)", // 渐变结束颜色 |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
global: false, // 缺省为 false |
|
|
|
|