用PHP或HTML绘制图形

Question

我正在寻找一种特定的技术。

缺点：

我需要能够生成折线图的HTML，如下所示（但没有背景图片。这完全不相关）

但是，我希望用HTML制作它，不使用Javascript或Flash，并且可以悬停点以显示更多信息。

很长一段时间：

上面显示的图片来自网站jpgraph.net。这是一个用于创建图表的PHP库。然而，它的缺点是它会生成图像。由于你不知道点到底会在哪里结束，你无法估计应该在何处进行悬停。

当然，还有很多javascript方法可以做到这一点，但图表也应该没有javascript。

Flash是不可能的，因为它也适用于平板电脑（阅读iPad）......而且因为它是闪存......

图表中显示的所有信息都是由外部系统生成的。这意味着代码应该工作并更改图表，具体取决于放在那里的信息。

---

修改

我知道它很容易用javascript完成，我的后备将是提供一个javascript版本和作为一个后备的PHP版本。但是，我希望找到一种不需要后备的方法。使用1个脚本执行相同的任务比使用2个更好。

Answer 1

你应该看看Nick Downie的Charts.js。 它使用canvas元素 -

包含简单的HTML5图表

包含的图表和图表：

1. 条形图
2. 甜甜圈图
3. 折线图
4. 饼图
5. 极区图表
6. 雷达图

请阅读此处的文档：http://www.chartjs.org/docs/

并在GitHub上下载：https://github.com/nnnick/Chart.js

希望我帮助

Answer 2

对于那些仍然感兴趣的人：我使用jpgraph.net库修复了这个问题。它是一个php库，允许您使用从其他地方获取的数据在服务器上绘制图形。

正如enhzflep指出的那样，由于您拥有数据，因此可以计算得分的最终位置。然而，这是一项相当繁琐的工作，但它在无javascript的浏览器中工作。