可视化来自mySQL数据库的数据并将其显示在html上？

Question

所以我确定这不止一次，但我真的不知道从哪里开始。

我正在整理一个简单的MySQL数据库，该数据库包含4个字段（日期，检查帐户余额，储蓄帐户余额和信用卡余额）。

然后我想通过PHP在HTML页面上可视化这个数据库。这将包括将记录显示为列表并可视化表示我的数据的某种线图。我还将包含允许我从HTML

添加到数据库的输入

问题：我已经看了几个方法，但是没有一个看起来很直观，其中一些涉及在HTML中粘贴一个图形（YUCK！）。我想这样做，所以用户只需要与HTML页面进行交互。
这样做最直接的方法是什么？它是在编写JavaScript / JQuery，还是我还没有考虑过的东西？此外，我不认为这会引起任何安全问题，因为数据库服务器将在本地处理，如果不是这样，请说明。

信息：

  

操作系统：OSX 10.8
  mySQL / PHP服务器：MAMPP

需要更多？...让我知道。

Answer 1

对于图表，我会使用Google图表（https://developers.google.com/chart/）。 要获取数据，您可以使用PHP从数据库中使用mysql / mysqli / pdo函数提取数据。 （http://php.net/manual/en/book.mysqli.php）