在本文中，我们将探讨如何在获取 json 数据后创建图表。为了获取 json 数据，我们使用 fetch api 的 fetch() 方法。我们将首先获取数据，一旦数据可用，我们将其输入系统以创建图表。 fetch api 提供了一个简单的接口，用于访问和操作 http 请求和响应。
语法
const response = fetch(resource [, init])
参数
资源 - 这是获取数据的资源路径。
init - 它定义任何额外的选项，例如标题、正文等。
方法
步骤可以定义如下 -步骤 1 - 我们将通过调用 fetch 函数从远程服务器获取数据。
第1步 - 一旦数据可用，我们会将其输入系统。
立即学习“Java免费学习笔记（深入）”；
第3步 - 在Chart JS库的帮助下，我们将形成图表。
示例#1
在下面的示例中，我们从远程服务器获取数据，然后创建所需的图表。美国人口数据是从服务器获取的。
#index.html
实时演示
Population Chart Welcome To Tutorials Point
输出
成功执行上述程序后，它将生成美国人口的条形图。您可以将鼠标悬停在该栏上以查看特定年份的人口数量。也可以在下面的 gif 图片中看到
