2016-09-19 64 views
-1

我有任務做開發「圖表生成器」,它將能夠生成.html文件與特定的(餅圖,列等)圖表並將其保存在服務器上。創建html圖表生成器

主要的挑戰是找到能夠滿足上述需求的JS框架。像google-chartsangular-chart等框架正在創建圖表(例如當頁面加載時),但在我的情況下,它不是我所需要的。讓我用一個特定的用戶故事來解釋它。

例如最終用戶想要打印他的月帳單(內部有柱狀圖)。他接收生成的.html文件,右鍵單擊它並選擇打印它。爲確保圖表能夠正確打印,必須已經存在於.html文件中(例如,以img元素呈現)。

任何可以幫助我的框架建議?

+0

您可以使用'chartjs'或'chartist'或'highcharts'作爲javascript圖表。 – yash

+0

@yash,這些都是華麗的圖書館,但它們都可以即時生成圖表(例如chartjs在canvas元素上繪製圖表)。我必須一勞永逸地生成圖表(例如,作爲img或HTML塊) – altgov3en

+0

您仍然可以在創建html頁面時使用google圖表 - 使用getImageURI方法將生成的圖表轉換爲圖像,然後保存html併發送 - [這裏是一個使用php的例子](http://stackoverflow.com/a/38678667/5090771) – WhiteHat

回答

0

有一個庫名爲jsPDF,它允許你從html生成靜態pdf文件。你也可以用服務器端語言實現它,這將在用戶ajax請求上創建這些文件。

0

您可以考慮使用服務器端圖表生成庫,如ChartDirector。它可以使用服務器端語言(如PHP,Python,C#,Java甚至C++)進行編程,並生成圖表作爲圖像(如PNG/JPG/SVG)。然後代碼可以使用<IMG>標籤在HTML中包含圖表圖像。您甚至可以使用data URI scheme將這些圖像以HTML格式內聯。通過這種方式,不需要Javascript,並且整個「包含圖表的每月賬單」都將放在一個HTML文件中。