创建html图表生成器

时间:2016-09-19 06:44:35

标签: javascript html html5 charts

我的任务是开发“图表生成器”,它将能够生成具有特定(饼图,列等)图表的 .html 文件并将其保存在服务器上。

主要的挑战是找到能够满足上述需求的JS框架。像google-chartsangular-chart这样的框架正在动态创建他们的图表(例如,当页面加载时),但在我的情况下,它不是我需要的。让我用特定的用户故事来解释它。

例如,最终用户想要打印他的月帐单(里面有柱形图)。他收到生成的.html文件,右键单击它并选择打印它。为了确保图表能够正确打印,它必须已经存在于.html文件中(例如显示为 img 元素)。

对框架的任何建议可以帮助我吗?

3 个答案:

答案 0 :(得分:0)

有一个名为jsPDF的库,允许您从html生成静态pdf文件。您也可以使用服务器端语言来实现它,这将在用户ajax请求上创建这些文件。

答案 1 :(得分:0)

您可以考虑使用像ChartDirector这样的服务器端图表生成库。它可以使用服务器端语言(如PHP,Python,C#,Java甚至C ++)进行编程,并将图表生成为图像(如PNG / JPG / SVG)。然后,代码可以使用<IMG>标记将图表图像包含在HTML中。您甚至可以使用data URI scheme以HTML内联方式包含这些图像。通过这种方式,不需要Javascript,整个“带图表的月度账单”将在一个HTML文件中。

答案 2 :(得分:0)

您可以使用JFreeChartJFreeSVG从Java执行此操作。