<template> <div id="energyEcharts" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() { this.myecharts(); this.W
<template> <div id="openLeftOneTl" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() { this.myecharts(); this.Width
<template> <div id="xxxx" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() { this.myecharts(); this.WidthAdaptive(
先看效果图： 代码如下： <div id="lineChart" class="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = windth / 5280; return fontSize * res; },
效果图： <div style="width: 100%; height: 100%" id="energyRightBottom"></div> 这个地方我采用的是props传值，也可以直接写到方法里面 props: { dataOne: { type: Number, default() { return 50; }, }, dataTwo:
效果图： <div style="width: 462px; height: 230px" id="energyRightTopDian"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = windth / 1920; return fontSize
效果图： <div style="width: 462px; height: 230px" id="teachingRightTop"></div> // 自适应字体大小 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = windth / 1920; return fontSize * res
