echarts根据屏幕宽度调整字体大小

最新推荐文章于 2023-08-11 19:15:00 发布

加蓓努力我先飞

最新推荐文章于 2023-08-11 19:15:00 发布

阅读量698

点赞数

分类专栏：前端开发文章标签： echarts

本文链接：https://blog.csdn.net/ingenuou_/article/details/132233130

版权

前端开发专栏收录该内容

92 篇文章 4 订阅

订阅专栏

legend: {
          orient: 'horizontal',
          show: true,
          type: 'plain',
          right: '2%',
          top: '1%',
          selectedMode: false,
          itemHeight: 5,
          itemWidth: 5,
          textStyle: {
            // color: '#fff',
            // fontWeight: 600
            // fontSize:9,
            fontSize: this.transformFontSize(14),
          }
        },

transformFontSize(fontsize) {
      debugger
        // 获取屏幕宽度
      // const width = window.screen.width
      const width = document.body.scrollWidth
      const ratio = width / 1920
      console.log('window.screen.width',window.screen.width,window, document.body.scrollWidth);
      // 取下整
      console.log('parseInt(fontsize * ratio)',parseInt(fontsize * ratio));
      return parseInt(fontsize * ratio)
    },