【问题标题】:Retrieving data from the database and displaying it in a Line Chart on a webpage从数据库中检索数据并将其显示在网页上的折线图中
【发布时间】:2017-05-31 17:27:51
【问题描述】:

我想从数据库中检索数据并将其显示在网页上的图形/图表中。 在我的数据库中,我有一个包含 12 个值的表,其中显示了一个人的基本身体检查详细信息。 我想要的是根据每天签到的人数来显示结果。 SQL 会统计每天签到的人数(MySQL),然后显示在图表页面上(php)

我的问题是如何在网页上为超级用户显示这些数据?由于数据库每天都在更新新值,我将如何创建动态图表、图形或其他从数据库读取并显示活动的格式?任何代码示例将不胜感激。谢谢。

【问题讨论】:

  • 到目前为止你做了多少?你能从数据库中取出数据吗?你知道如何使用 HTML Canvas 元素吗?
  • 是的,但到目前为止,我所能做的就是以表格格式在不同的网页上显示值。这是我第一次尝试使用 GoogleCharts。

标签: javascript mysql


【解决方案1】:

当您设法将数据从数据库检索到 PHP 时 - 使用 PDOmysqli。 然后,您可以将它们传递到(输出)到您正在使用的图表库的数据数组中。每当页面刷新时,PHP 都会从数据库中获取新数据,因此它也会更新图表。

要创建图表,我建议使用CharJS - 它很简单,并且附带了很棒的文档(大量示例)。

如果您需要实时数据(无需刷新站点),则必须使用 AJAX。

这是一个link 的问题,他们向您展示如何将数据显示到表格中。您只是不会显示表格,而是将数据输出到图表数据数组中(详细信息在 chrt.js 文档中)。

【讨论】:

  • 我将所有数据显示到表格中没有问题,但仍然无法弄清楚如何显示为图表。为了清楚起见,我需要按日期对数据进行分组,即每天有多少人签到?
猜你喜欢
  • 2015-10-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-11
  • 1970-01-01
  • 2014-06-15
相关资源
最近更新 更多