原创 echarts大屏字體自適應的方法步驟

這篇文章主要介紹了echarts大屏字體自適應的方法步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧 用echarts做大屏可視化的時候會遇

原创 echarts大屏字體自適應

用echarts做大屏可視化的時候會遇到不是用電腦投屏而是直接在大屏打開的情況,這時候大屏幕下固定的px爲單位的字體就會顯得很小。有一種解決方法就是採用rem爲單位,根據屏幕的寬度調整html的font-size. 獲取屏幕寬度並計算比例

原创 vue transition 過渡動畫 從左向右進入,從右向左進入

彈窗從右向左進入 <transition name="moveR"> </transition> <style lang="scss"> .moveR-enter-active, .moveR-leave-active {

原创 element tree 獲取當前節點和其父級節點的數據

需求:樹形菜單點擊之後需要形成麪包屑,所以需要當前節點和其父級節點的數據。記錄一下解決方法,如下。 <el-tree style="height:calc(100vh - 180px)"

原创 js實現顏色閃縮效果

定時器控制背景色或者透明度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>顏色閃縮</title> <script src

原创 egg學習——寫接口

其實腳手架生成的初始項目目錄 app/controller/home.js 已經是個簡單的例子 現在,先在controller下新建一個js文件-> news.js 引入控制器,新建類,導出類 const Controller = requ

原创 egg學習——egg-cors 跨域

一般開發都會遇到跨域問題,項目用腳手架搭建好之後先進行跨域 egg跨域插件: egg-cors 執行安裝 npm i egg-cors --save 配置 1.目錄config/config.default.js module.expo

原创 egg學習——創建項目

egg 官網 鏈接描述 官網寫得很詳細,可以快速用腳手架來搭建項目。我在這裏記錄一下 搭建項目的步驟 腳手架安裝:npm i -g egg-init 新建一個空文件夾 test 打開命令窗口 cd 進到test文件夾,執行npm init

原创 ie 不兼容localstorage的替代辦法

ie 是一個很神奇的瀏覽器,當你以爲自己的代碼已經沒問題的時候它總是能給你挑出毛病來... 項目裏用到localstorage,在ie裏會報錯。 解決辦法 插件 jquery.cookie.js 替代localstorage 的功能 插件

原创 echarts圖表顯示隱藏 Can't get dom width or height

項目有一個需求,定時顯示隱藏echarts圖標,剛開始dom是display:block;圖表顯示正常。等到dom隱藏再顯示的時候圖表還是正常,很好沒有bug。可是當我在dom處於display:none隱藏狀態時去調整瀏覽器的可視區域,d

原创 關於echarts,數據使用setInterval定時刷新的問題

項目做數據可視化使用的是百度的圖表庫 echarts,使用setInterval進行定時數據刷新。這時候會遇到一個問題。當瀏覽器窗口變化的時候,setInterval會越來越快這顯然是個bug,需要清除定時器。echarts一般都會做onr

原创 js簡單方法,取一個數組裏最大值

Math.max() var dataAP = [65, 104, 83, 83, 83, 78, 67, 83, 90, 76]; var Max= Math.max(...dataPie1) //Max = 104 循環比較 var

原创 echarts 表格自適應需要注意的問題

最近在做大屏可視化,頁面數據展示基本都是用百度的echarts,因爲頁面要做自適應,所以當視窗變化的時候echarts也要變化。window.onresize 可以解決這個問題。而一般一個頁面不可能只引用一個表格,當你引用多個的時候,有些地

原创 There is a chart instance already initialized on the dom.

在用echart做表格自適應的時候,每次 resize 都會出現echart警告,雖然不影響echart的展示。解決方法:全局聲明變量,在echart方法外面。注意!是外面,在方法裏聲明沒效果。 var ChartAP; function