如何使用 FusionCharts.js 创建您的第一个图表？

FusionCharts 是一个 JavaScript 库，当您想要创建图表和地图并将其放入您的 Web 中时可以使用它应用。在本教程中，我们将展示如何使用 FusionChart.js 创建两个不同的图表。,在学习如何创建图表之前，第一件重要的事情是了解如何将 FusionCharts 安装到本地计算机上。,我们可以通过多种方式安装 FusionCharts。,您可以使用下面给出的CDN链接直接访问FusionCharts的文件。,登录后复制,您可以使用 NPM 将库作为依赖项安装到代码中。使用以下命令安装FusionCharts。,登录后复制,上述命令会将 FusionCharts 保存为项目中的 dev 依赖项。,既然我们知道了如何安装 FusionCharts，那么让我们来探讨一下我们将使用 FusionCharts 创建的几个图表示例。,第一个示例是一个简单的条形图，我们将在 FusionCharts 的帮助下创建它，该图按国家/地区描述了亿万富翁的数量。考虑下面所示的代码。,登录后复制,如果我们在浏览器中运行上述代码，我们将得到一个绘制为输出的条形图。,在此代码中，我们首先创建了一个 JSON 数据，我们将在创建 FusionChart 对象的实例时将其传递到 chartConfig 的“data”属性中。,除此之外，“chartConfig”对象中还存在一些属性，尤其是“chart”属性，其中我们有不同的子属性，例如 caption、subCaption，这些属性在以下情况下都是必需的：我们正在绘制一个条形图。,在上面的示例中，我们使用简单的 JSON 数据创建了一个条形图，并将其呈现给浏览器。在下面的示例中，我们将创建一个更复杂的图表，其中我们将描绘具有多个块的融合图表。考虑下面所示的代码。,登录后复制,使用“编辑并运行”按钮运行此代码并查看输出。它将显示具有多个象限的图。,在此示例中，我们尝试借助 FusionCharts 描绘多家移动设备公司的销售额。,这里，“数据集”属性包含我们将在图表中显示的实际 JSON 数据，而“类别”包含 X 轴和 Y 轴坐标的数据。,在本教程中，我们使用了几个示例来演示如何利用 FusionCharts 库中的可用功能在 JavaScript 中创建不同的图表。,以上就是如何使用 FusionCharts.js 创建您的第一个图表？的详细内容，更多请关注www.92cms.cn其它相关文章！