如何将图表添加到 Firebase？

Posted 2023-02-22

【中文标题】如何将图表添加到 Firebase？

【英文标题】：How do I add a chart to firebase?

【发布时间】：2021-07-04 17:03:28

【问题描述】：

我目前正在创建一个应用程序，假设用户单击几个按钮并返回图表。到目前为止，一切都很好。但我希望他们能够将图表保存在他们的个人资料中，以便他们可以随时查看。我不知道该怎么做。我玩过Auth，但我就是不明白。我用谷歌搜索无济于事。我已经检查了 firebase 网站，但我不确定我在寻找什么。

我尝试在保存帐户用户和密码时重复一些步骤。但我不知道我是否错过了一组特定的语法，或者我只是不知道正确的命令。

有谁知道如何解决这个问题或指出正确的方向？还能做到吗？

我一整天都在忙……

【问题讨论】：

欢迎来到 SO。问题是因为它太模糊而得到了一些反对 - 我们真的不知道你在问什么。 “将图表保存在他们的个人资料中”是什么意思？您应该首先从Firebase Getting Started 指南开始了解如何读取和写入数据。然后编写一些代码来写入您想要的数据（并读取它），当您遇到困难时，请发布有关该代码的问题。与此同时，请考虑澄清您正在尝试做的事情，以便我们可以伸出援助之手。无论哪种方式，我们都需要查看您的代码！

【参考方案1】：

图表只是数据的呈现。您将数据添加到 firebase，然后您可以稍后检索该数据以任何您希望的方式呈现（在您的案例中作为图表）。

看看这个使用canvasjs将数据呈现为图表的例子：https://canvasjs.com/react-charts/chart-index-data-label/

如果您正在执行某些步骤但遇到问题，您必须具体说明，因为没有更详细的信息，任何人都可以猜测问题是什么，为什么它不起作用。

但我不知道我是否错过了一组特定的语法或我 只是不知道正确的命令。

你怎么知道有些东西不工作？结果是什么，预期的结果是什么？

您的第一步是让身份验证工作。您可以按照此文档帮助您使用网络进行设置：https://firebase.google.com/docs/auth/web/password-auth

之后，您想使用创建一个包含集合的数据库，比如“图表”，其中每个文档都可以包含用户的“uid”。

看看这个分步教程。：https://www.youtube.com/watch?v=4d-gIPGzmK4&list=PL4cUxeGkcC9itfjle0ji1xOZ2cjRGY_WB 它指导您完成身份验证以及存储数据。完成设置后，以图表的形式查看数据将是前端的呈现方式，并且取决于您用于显示数据的内容。如果你使用 reactjs，https://react-charts.js.org 看起来是个不错的选择。

【讨论】：

@Julius 澄清一下，您不需要身份验证来读取数据并将数据写入 Firebase。你会在某个时候需要它，但不是开始；您可以简单地将security rules 设置为 true 而不是 false，并学习如何与平台交互。此问题也被标记为实时数据库，因此没有集合，该教程不适用。也许这个答案可以用其他信息更新。