javascript - 我可以调整或使用给定的 (JavaScript) 图表来创建不同的/新的图表吗？

Question

我在想，很遗憾，我不知道还能在哪里问这个问题。

我想使用下载次数最多的 5 部电影制作一个交互式图表。以及目前的票房前 5 名。我还不知道如何使这种互动成为可能。

我首先想知道的是，是否有任何方法可以从 Mojo 操纵或更改给定图表。

现在我使用: http://boxofficemojo.com/about/data.htm

用Mojo给的代码:

<script type="text/javascript" language="javascript" src="http://www.boxofficemojo.com/data/js/wknd5.php?h=myclass1&r=myclass2"></script>

这只显示了前 5 个(请参阅先前提供的 URL 中的示例)。有什么方法可以使用该图表并从中制作饼图或任何其他图表或图形？

如果这是可能的，它是否仍会在每次网站更新时更新金钱和新电影，就像给定的带有 javascript 代码的图表现在所做的那样？

希望有人能帮助我，或者有不同的方法可以根据这些数据(票房前 5 名)制作图表。

所以要更清楚。我想用票房前 5 名数据创建自己的图表/图表。而且我还希望它是“实时的”并在前 5 名发生变化或数字发生变化时自行更新。因此，用数据创建我自己的 Json 似乎不是最好的主意，因为如果我不对 Json 文件进行更改，数据更新时它不会更新。交互部分还不重要。

Answer 1

您想使用实时数据创建图表。

首先是获取数据。

您所包含的脚本基本上会为您创建图表。所以您无法直接访问数据本身，因此使用它会有点棘手。

您应该四处搜索，最好是 REST API，它可以按需为您提供数据。

<强>1。找到合适的 REST API 并执行调用以获取数据

您向 API 执行 HTTP 请求并提供数据 - 例如，在页面加载时，您将从该 API 请求数据。因此，每次用户加载您的网站时，都会进行一次调用，并获取有关电影的最新数据。

<强>2。解析数据、执行计算并构建您自己的自定义 JSON

然后您需要解析该数据 - 从这个原始提要中获取您实际需要的数据 - 如果需要执行计算(根据我从您的问题中获取的内容，这将是简单的小学数学)，然后构建您自己的自定义 JSON可用于显示数据的数据结构。

<强>3。可视化 JSON

包括一个呈现图表的 JS 库。 Chart.js ，是一个很好的例子，提供一个 JSON 并呈现一个非常漂亮的图表非常简单。

通常就是这样。