zishuo/FastBee
1
0
Fork 0
mirror of https://github.com/kerwincui/FastBee.git synced 2025-10-14 04:13:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

图表样式调整

Browse Source
This commit is contained in:
kerwincui
2022-05-21 10:45:01 +08:00
parent 177a8fbba8
commit eb755f7e6f
2 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
vue/src/views/iot/device/device-statistic.vue
View File

@@ -12,9 +12,9 @@
</el-form>
</el-col>
<el-col :span="24">
<div v-for="(item,index) in monitorThings" :key="index" style="margin-bottom:50px;">
<div v-for="(item,index) in monitorThings" :key="index" style="margin-bottom:30px;">
<el-card shadow="hover" :body-style="{ padding: '10px 0px',overflow:'auto' }" v-loading="loading">
<div ref="statisticMap" style="height:250px;width:1470px;"></div>
<div ref="statisticMap" style="height:300px;width:1450px;"></div>
</el-card>
</div>
</el-col>
@@ -120,6 +120,7 @@ export default {
},
/**监测统计数据 */
getStatistic() {
let color = ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'];
for (let i = 0; i < this.monitorThings.length; i++) {
this.chart[i] = echarts.init(this.$refs.statisticMap[i]);
var option;
@@ -184,18 +185,18 @@ export default {
symbol: 'none',
sampling: 'lttb',
itemStyle: {
color: 'rgb(64, 158, 255)'
color: i>9? color[0]:color[i]
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgb(64, 158, 255)'
},
{
offset: 1,
color: 'rgb(255, 255, 255)'
}
])
// color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
// offset: 0,
// color: 'rgb(64, 158, 255)'
// },
// {
// offset: 1,
// color: 'rgb(255, 255, 255)'
// }
// ])
},
data: []
}]

10
vue/src/views/iot/device/index.vue
View File

@@ -538,6 +538,7 @@ export default {
},
/**监测数据 */
getMonitorChart() {
let color = ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'];
for (let i = 0; i < this.monitorThings.length; i++) {
this.chart[i] = echarts.init(this.$refs.monitor[i]);
var option;
@@ -579,7 +580,14 @@ export default {
series: [{
name: this.monitorThings[i].name,
type: 'line',
showSymbol: false,
symbol: 'none',
sampling: 'lttb',
itemStyle: {
color: i>9? color[0]:color[i]
},
areaStyle: {
},
data: []
}]
};