如何将图表添加到 Firebase？答案

【问题标题】：How do I add a chart to firebase?如何将图表添加到 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，并学习如何与平台交互。此问题也被标记为实时数据库，因此没有集合，该教程不适用。也许这个答案可以用其他信息更新。