java 專案中整合 echarts 統計圖,有什麼方法實現列印匯出?

xiaohuihui發表於2020-05-11

Echarts 由百度研發的開源軟體,是一個純 JS 的圖表庫。Echarts 是 web 端的技術,前端展現,其在 J2EE 專案中經常被整合使用,圖形型別多且直觀、生動、可互動、可高度個性化定製。近幾年內連續被開源中國評選為“年度最受歡迎的中國開源軟體”,並且去年也成為了 Apache 孵化器專案,所以發展更加快速,使用者群也越來越多。

1png

Echarts 圖形展現沒有問題,單獨的匯出也是支援的,但是 Echarts 多數還是被整合到其他頁面。比如我們把 Echarts 和報表結合,報表中既有表格內容,還有 Echarts 生成的圖形。

2png

這種情況下,能不能同時實現匯出或列印呢?

分析得知,Echarts 圖形支援匯出列印,通常透過後端程式實現。在進行列印匯出的時候,獲取到前端圖形是解決問題的關鍵。

結合上面提到的內容,總結 2 個難點:

1、 整合情況下,不僅需要匯出 echarts 圖,還得把其他內容一塊匯出來,比如表格和圖。

2、 以報表為例,如果報表頁數多,分頁了,怎麼獲取到其他頁面沒有展現的 echarts 圖?

針對上面的問題,比較適合的解決思路:

1、 獲取每頁的 Echarts 程式碼

2、 根據程式碼再分別重新生成圖片

3、 把圖片放到整合頁面的對應位置上去

有了方案就是看用什麼技術來實現,這裡有一篇現成的文章可供參考:

結論:

如果專案中只涉及到 Echarts 圖,不涉及到其他表格類的內容,參考上面的思路或文章解決即可。如果又涉及到報表,那其實可以直接選個支援 echarts 的報表工具就可以,比如提供這個例子的潤乾報表,1w 塊錢就可以,只是工程師幾人天的成本而已,選擇正確的工具搞開發,省時省力又省錢。

另外整理了一些其他的關於 echarts 的帖子,想深入瞭解的可以看。





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

相關文章