在没有图像的 java 或 javascript 中创建图表答案

【问题标题】：Creating charts in java or javascript without images在没有图像的 java 或 javascript 中创建图表
【发布时间】：2015-07-02 05:39:47
【问题描述】：

我的新 java web 项目的项目要求之一是拥有加载速度非常快的动态图表。

在讨论中，有人问我们是否可以在不使用图像的情况下实现图表，即不加载 jpg、png 文件等。也不能使用 pdf 等文件。

基本上我的问题是

是否可以在不使用图像、pdf 等的情况下在 jsp/javascript 中实现图表？即即使使用的 api 也不应该以图像或 pdf 等形式提供最终结果。
我没有马上说不，因为我已经在屏幕上用 C 语言在控制台应用程序中实现了图表。我们可以在网页上做类似的事情吗？即通过在屏幕上绘制点、线、圆等来显示图表。但它应该可以在 div 内？

PS：来自 Lucien Stals 的评论和回答有助于了解我正在寻找的技术是 svg。

我正在寻找一些经验丰富的 java 、 javascript 程序员在 SO 中的正确方向。

【问题讨论】：

是的，这些可能性确实存在。我仍然认为这个问题是题外话，并且很难相信诸如“render chart javascript”之类的谷歌搜索没有返回任何内容。
@reto 我确实在谷歌搜索过这个主题。我确实找到了javascript api。但我再次怀疑他们是否在最终结果中使用了图像。即他们从我的数据中创建了一个图像并将其放入页面中。我不能使用图像（我使用的 api 也不能）。更多地考虑在屏幕上绘制矢量图像。
你能用 CSS 绘制 DIV 和大小和颜色吗？或者如果你想要矢量图像，那么像 raphaeljs.com 这样的库呢？但是我无法理解您所说的“没有图像”是什么意思。矢量图不还是图像吗？
@LucienStals 你能用 CSS 绘制 DIV 和大小和颜色吗？也许。我正在寻找这样的解决方案。当我说矢量图像时，我可能在技术上是错误的。我的意思就像在旧的 c 控制台程序中在屏幕上画一个圆圈并在其中着色、画线。 .可以在网页上的 div 上完成类似的操作吗？
使用 DIV 和 css 制作简单的条形图就足够简单了。任何更复杂的事情，我认为您在谈论 SVG，可以使用 raphael 或 d3js.org 绘制。另请查看 HTML5 画布元素。

标签： javascript java charts jasper-reports jfreechart

【解决方案1】：

存在许多在您的页面上以 HTML5 呈现的 JavaScript 图表库。您可能会找到一个满足团队其他要求或愿望的产品，因为每个产品都有自己擅长的功能领域。 http://www.zingchart.com 还添加了许多方法来将它们包含在图表中，如果您决定使用原生 JavaScript（jQuery、Angular 等）以外的其他东西。全面披露：我在 ZingChart 团队。如果您发现一些引起您兴趣的东西，我可以帮助您权衡利弊。

【讨论】：

【解决方案2】：

一个简单的条形图很容易用 DIV 和 CSS 创建。任何更复杂的东西，我认为您在谈论 SVG，可以使用 http://raphaeljs.com/ 或 http://d3js.org/ 绘制。另请查看 HTML5 画布元素。

【讨论】：

【解决方案3】：

我建议使用Google Chart Framework. 我过去确实在我的项目中使用过它，这很好。

【讨论】：

【解决方案4】：

您可以查看高图 http://www.highcharts.com/ 。这可以很容易地与您的 javascript 集成。

【讨论】：

【解决方案5】：

大部分js图表插件都需要数组或json格式的数据，并且可以动态呈现图表。易于集成到网页中

jgccharts.js Jquery charts

jquery charts plugin

【讨论】：