echarts图表随着屏幕缩小而变小放大

最新推荐文章于 2024-10-13 14:40:06 发布

采故事的女孩

最新推荐文章于 2024-10-13 14:40:06 发布

阅读量1.8k

点赞数 2

本文链接：https://blog.csdn.net/weixin_42416812/article/details/117731749

版权

本文记录了如何使Echarts图表在屏幕缩放时保持响应式，通过特定代码实现图表大小随屏幕尺寸变化自动调整，适用于Vue和JavaScript项目。

摘要由CSDN通过智能技术生成

<template>
  <!--为echarts准备一个具备大小的容器dom-->
  <div id="main" style="height: 400px" ref="hygrometer"></div>
</template>
<script>
import * as echarts from 'echarts'
export default {
   
  name: '',
  data() {
   
    return {
   
      charts: '',
      opinion: ['男', '女'],
      opinionData: [
        {
    value: 335, name: '男' },
        {
    value: 310, name: '女' },