首页 > TAG信息列表 > WidthAdaptive

白色外边圆点折线图

    <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(

echarts-折线图-大白点

先看效果图：      代码如下： <div id="lineChart" class="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = windth / 5280; return fontSize * res; },

echarts-扇形图-渐变色

效果图：     <div style="width: 100%; height: 100%" id="energyRightBottom"></div> 这个地方我采用的是props传值，也可以直接写到方法里面 props: { dataOne: { type: Number, default() { return 50; }, }, dataTwo:

echarts-柱状图-价格

效果图：     <div style="width: 462px; height: 230px" id="energyRightTopDian"></div>   // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = windth / 1920; return fontSize

echarts，柱状图-圆柱

效果图：     <div style="width: 462px; height: 230px" id="teachingRightTop"></div>   // 自适应字体大小 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = windth / 1920; return fontSize * res