zishuo/FastBee
1
0
Fork 0
mirror of https://github.com/kerwincui/FastBee.git synced 2025-10-17 21:50:45 +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-form>
</el-col> </el-col>
<el-col :span="24"> <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"> <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> </el-card>
</div> </div>
</el-col> </el-col>
@@ -120,6 +120,7 @@ export default {
}, },
/**监测统计数据 */ /**监测统计数据 */
getStatistic() { getStatistic() {
let color = ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'];
for (let i = 0; i < this.monitorThings.length; i++) { for (let i = 0; i < this.monitorThings.length; i++) {
this.chart[i] = echarts.init(this.$refs.statisticMap[i]); this.chart[i] = echarts.init(this.$refs.statisticMap[i]);
var option; var option;
@@ -184,18 +185,18 @@ export default {
symbol: 'none', symbol: 'none',
sampling: 'lttb', sampling: 'lttb',
itemStyle: { itemStyle: {
color: 'rgb(64, 158, 255)' color: i>9? color[0]:color[i]
}, },
areaStyle: { areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0, // offset: 0,
color: 'rgb(64, 158, 255)' // color: 'rgb(64, 158, 255)'
}, // },
{ // {
offset: 1, // offset: 1,
color: 'rgb(255, 255, 255)' // color: 'rgb(255, 255, 255)'
} // }
]) // ])
}, },
data: [] data: []
}] }]

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

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