| | |
| | | </template> |
| | | |
| | | <script> |
| | | import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList' |
| | | // import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList' |
| | | |
| | | export default { |
| | | name: 'ECharts', |
| | | components: { |
| | | PublicDetailedList |
| | | // PublicDetailedList |
| | | }, |
| | | data () { |
| | | return { |
| | |
| | | drawChart: function () { |
| | | const myChart = this.$echarts.init(this.$refs.main) |
| | | myChart.setOption(this.options) |
| | | window.onresize = function () { |
| | | var h1 = document.documentElement.clientHeight// 获取屏幕的高度 |
| | | if (h1 > 700) { |
| | | myChart.getDom().style.height = 3 + 'rem' |
| | | myChart.getDom().style.width = 6 + 'rem' |
| | | } else { |
| | | myChart.getDom().style.height = 3 + 'rem' |
| | | myChart.getDom().style.width = 6 + 'rem' |
| | | } |
| | | myChart.resize() |
| | | } |
| | | } |
| | | }, |
| | | mounted () { |
| | |
| | | |
| | | .el-tag { |
| | | height: 25px; |
| | | width: 140px; |
| | | line-height: 25px; |
| | | margin-right: 10px; |
| | | font-size: 10px; |