寶付敲寫Echarts+extjs3程式

一流湧進發表於2019-09-06
  • 由於專案中使用個的是extjs3系列,它自帶的圖表,據我的瞭解沒辦法畫平滑的曲線圖,只能畫折線
  • 在extjs4中增加了一個屬性smooth可以進行曲線和折線的控制,但是專案中有很多老的部分已經使用了extjs3系列,所以決定使用echarts來完成圖表的設計,高版本的extjs可以使用模組化的形式引用echarts
  • echarts使用的是AMD規範的,所有實現了AMD規範的框架都可以方便的引入,echarts也支援單檔案的形式引入,本次就是使用單檔案的形式引入,可以在panel或者tabpanel的render事件中引入要使用的echarts程式碼,在元件渲染之前對其進行操
  • echarts的事件控制也不錯,引入了echarts檔案之後,就可以獲取echarts.config這個全域性物件,然後使用生成的echarts物件呼叫on方法新增對應事件,傳遞的引數param,目前我是用的param屬性有dataIndex,seriesIndex,seriesName,value,name,可以根據自己的需求使用,總的來說感覺echarts比較好,至少比extjs3系列的圖表生成的方法要強大一些


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69905323/viewspace-2656294/,如需轉載,請註明出處,否則將追究法律責任。

相關文章