【问题标题】:Can I adjust or use a given (JavaScript)chart to create a different/new chart?我可以调整或使用给定的 (JavaScript) 图表来创建不同的/新图表吗?
【发布时间】:2014-12-30 05:53:08
【问题描述】:

我想知道,遗憾的是我不知道在哪里可以问这个问题。

我想使用前 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 文件进行更改,它不会在数据更新时更新。 交互部分还没有关系。

【问题讨论】:

  • 您是否希望坚持使用纯 Javascript?那里有大量仅用于数据可视化的 Javascript 库;例如,数据驱动文档、Highcharts 等。
  • @alex 这并不重要。只要我最终得到一个最终将是交互式的数据可视化+它就需要展示一个故事。在这种情况下,我选择了故事来比较下载量以及它如何影响电影的收入。重要的是,我需要能够操纵票房前 5 名的数据馈送。我怎么不知道该怎么做,因为它不仅仅是 CSV/Json 或 RSS 提要等。如果有可能更改或使用此 javascript 代码提供的数据来创建不同的图表/图表
  • 交互性意味着一百万件事,你能说得更具体一点吗?无论如何,您可以使用Chart.js。您应该从您获得的提要中创建您的数据结构 - 数组、K-V 对,无论您需要什么。首先创建数据并将其存储在变量中,然后继续使用图表可视化您创建的数据。这就是它通常的工作原理
  • @NicholasKyriakides 显然交互性意味着一百万件事。但这不是我要问的。我要问的是,是否有办法使用 Mojo 票房提供的数据/javascript 代码来创建一个新的/自我风格的图表,而无需在 Json 或其他东西中输入数据并以这种方式使用它。 (因为它不再是实时数据,我希望它用新电影更新自己(就像我的前 5 名下载中的 RSS 提要一样)
  • 您将自己构建JSON。您正在以一种格式获取数据,您需要在 Javascript 中自己处理以获得所需的结果。然后可以将您构建的JSON 传递到图表库以对其进行可视化。显然,提要并没有以您想要的确切格式为您提供所需的内容,因此您必须自己阅读该提要并计算/过滤您真正需要显示的内容。问题是,您包含的提要正在为您创建图表。因此,它不会直接为您提供提要。我会四处寻找一个更好的只吐数据的提要

标签: javascript charts rss


【解决方案1】:

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

首先是获取数据。

您所包含的脚本基本上会为您创建图表。所以你不能直接访问数据本身,所以使用它会有点棘手。

您应该在 Google 上四处寻找,最好是 REST API,它可以按需为您提供数据。

1.找到合适的 REST API 并执行调用以获取数据

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

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

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

3.可视化 JSON

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

通常就是这样。

【讨论】:

  • 谢谢,我想这意味着我需要开始寻找 REST API。我选择了这个主题(票房前 5 名),希望有很多关于它的数据馈送,但是......它似乎又回来咬我了 ^^ 感谢您的帮助并正确解释!跨度>
  • 如果找不到,请使用 Mojo 本身的 this RSS feed - 只需将我描述的第一步替换为 XML 而不是 JSON。继续阅读RSS feed readerXML parsingXML 只是JSON 的替代品,有点难读
  • 会的!非常感谢,希望这能让我更接近我所需要的:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-12-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-09-17
相关资源
最近更新 更多