本篇文章為大家展示了如何使用echarts自適應大屏字體，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司歡迎聯(lián)系：13518219792，為您提供成都網(wǎng)站建設網(wǎng)頁設計及定制高端網(wǎng)站建設服務，創(chuàng)新互聯(lián)公司網(wǎng)頁制作領域十載，包括航空箱等多個行業(yè)擁有豐富建站經(jīng)驗，選擇創(chuàng)新互聯(lián)公司，為企業(yè)錦上添花！

獲取屏幕寬度并計算比例

function fontSize(res){
  let docEl = document.documentElement,
    clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
  if (!clientWidth) return;
  let fontSize = 100 * (clientWidth / 1920);
  return res*fontSize;

}

在需要設置字體的地方可以這樣寫，

如在1920屏寬下字體設置為12px,就可以傳入0.12給fontSize fontSize(0.12)

tooltip : {
      trigger: 'axis',
      axisPointer : {      // 坐標軸指示器，坐標軸觸發(fā)有效
        type : 'shadow'    // 默認為直線，可選為：'line' | 'shadow'
      },
      textStyle:{
        fontSize: fontSize(0.12),
      }
    },

上述內容就是如何使用echarts自適應大屏字體，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁題目：如何使用echarts自適應大屏字體-創(chuàng)新互聯(lián)
當前URL：http://weahome.cn/article/epcgi.html