File was renamed from src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue |
| | |
| | | <template> |
| | | <div style="width:750px;height:260px;" id="echarts" ref="main"></div> |
| | | <div id="Tab"> |
| | | <div class="Infomation"> |
| | | <el-tag>氮氧化物 : 29.93 标准 : 100</el-tag> |
| | | <el-tag>二氧化硫 : 17.34 标准 : 50</el-tag> |
| | | <el-tag>烟尘 : 6.93 标准 : 30</el-tag> |
| | | <el-tag>废气流量 : 120343.18</el-tag> |
| | | </div> |
| | | <div style="width:750px;height:260px;" id="echarts" ref="main"></div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'GasECharts', |
| | | name: 'ECharts', |
| | | methods: { |
| | | drawChart: function () { |
| | | const myChart = this.$echarts.init(this.$refs.main) |
| | |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['12:00:01', '12:00:02', '12:00:03', '12:00:04', '12:00:05', '12:00:06', '12:00:07'], |
| | | data: ['2021.01.01', '2021.01.02', '2021.01.03', '2021.01.04', '2021.01.05', '2021.01.06', '2021.01.07'], |
| | | axisLabel: { // x轴全部显示 |
| | | rotate: 20, |
| | | interval: 0, |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .Infomation{ |
| | | margin-left: 10px; |
| | | } |
| | | .el-tag{ |
| | | height: 25px; |
| | | line-height: 25px; |
| | | margin-right: 10px; |
| | | font-size: 10px; |
| | | background-color: rgba(0, 255, 246, 0.14); |
| | | color: #00d0f9; |
| | | border: none; |
| | | } |
| | | #echarts{ |
| | | margin: 0; |
| | | padding: 0; |
| | | border: 1px solid #396d83; |
| | | /*margin: 10px 10px 10px 10px;*/ |
| | | margin: 10px 10px 10px 10px; |
| | | } |
| | | </style> |