echar使用總結

2021-10-03 22:23:18 字數 1455 閱讀 3947

1、獲取echart例項

在當前js檔案中載入公共元件utils.js,該檔案整合了常用的工具

var utils = require('utils');
utils中的方法集合：

getecharts: ƒ ()


getecharts3: ƒ ($elem, option, isnotempty)


getecharts4: ƒ ($elem, option, isnotempty)


loadcompiledpage: ƒ (relativepath, req)


getpagefullpath: ƒ (relativepath, req)


loadcompiledpage2: ƒ (relativepath)


refreshbuttonauth: ƒ ()


getcurrentroute: ƒ ()


setheadercount: ƒ (options)


minimode: ƒ ()


getuserparams: ƒ ()


getconfig: ƒ (key)


switchmodule: ƒ (modulename)


goto: ƒ (path, blank)


go: ƒ (path, blank)


getpureroute: ƒ (route)


doajax: ƒ (url, params, method)


fetch: ƒ (options)


dosyncajax: ƒ (url, params, method)


openmodaldialog: ƒ (options)


warningdialog: ƒ (options)


dialog: ƒ (options)


window: ƒ (options)


i18n: ƒ (html)


getlangresource: ƒ ()


lang: ƒ ()


bhi18n: ƒ (str)


getcurrentresurl: ƒ (name)
2.通過以下三個方法獲得echart例項，其中第乙個不帶參獲取，獲取之後，再賦參渲染echart；後兩個需要帶參，呼叫方法之前先構造引數，呼叫時直接渲染成功。

//載入方法


require(['echarts'],function(ec);


//option為渲染echart的引數集合，事先構建好後使用


//執行以下操作渲染出要的效果圖


currentechart.setoption(option);


///渲染完後還可以執行其他操作，比如設定定時器，實時重新整理echart圖表：


//setintervalevent();


setinterval(function(){},time);


});

Echar的學習記錄

echar通常用作統計圖表的製作 可以用很簡單的 對報表的實現。不多說 開始實踐 首先 html 乙個簡單的存放報表的div。通過ajax獲取後台的資料 拼湊到echar 需要的格式option中，然後設定到div中 即可 option的格式可以參見echar的例子以及幫助文件 示例 文件 效果 設...

npm安裝同乙個包的不同版本，以echarts為例

npm install echarts4 npm echarts 4 npm install echarts5 npm echarts 5上面 是安裝echarts4和5兩個版本，分別命名為echarts4和echarts5 安裝完成後package.json裡的依賴會寫進去如下 echarts4 ...

EJunGrid使用總結

1 1。0版沒有實現垂直方向上的對齊，procedure tobgui reportdesign.griddrawcelltext acanvas tcanvas const arect trect const acoord tpoint agrid tzjgrid const text strin...