vue+echarts实现线流
在项目中遇到这个问题特此记录下
<template>
<!-- 高空风分析 -->
<div v-loading="loading">
<div class="topFont">高空风分析</div>
<div v-if="status === '0'" class="ps"></div>
<div class="tabChange">
<el-button
class="pressButton"
@click="num = 0"
:class="{ active: num == 0 }"
>温湿度</el-button
>
<el-button @click="num = 1" :class="{ active: num == 1 }"
>风速风压</el-button
>
</div>
<div
v-show="num == 0"
id="myChart"
:style="{ width, height }"
style="height: 400px"
></div>
<div v-show="num == 1" style="height: 800px">风向风速</div>
<div :class="isDark ? '' : 'asevclent'">
<el-table
:data="tableData"
border
style="width: 100%; overflow: auto"
:class="isDark ? '' : 'asevclent'"
>
<el-table-column prop="hour" label="时间" width="180" align="center">
</el-table-column>
<el-table-column prop="name" label="高度(m)" width="180" align="center">
</el-table-column>
<el-table-column prop="address" label="风向(°)" align="center">
</el-table-column>
<el-table-column prop="address" label="风速(m/s)" align="center">
</el-table-column>
<el-table-column prop="address" label="气压(hpa)" align="center">
</el-table-column>
<el-table-column prop="address" label="气温(°C)" align="center">
</el-table-column>
<el-table-column prop="address" label=