2016-09-19 29 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文件中。