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

Question

所以我敢肯定这已经不止一次了，但是我真的不知道从哪里开始。

我正在整理一个由4个字段（日期，支票帐户余额，储蓄帐户余额和信用卡余额）组成的简单MySQL数据库。

然后，我想通过PHP在HTML页面上可视化该数据库。 这将包括将记录显示为列表，以及可视化某种表示我的数据的折线图。 我还将包括一些输入，这些输入将允许我从HTML添加到数据库中。

问题：我看过几种方法，但是它们似乎都不直观，其中一些涉及在HTML中粘贴图形的png（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/zh/book.mysqli.php ）