简介
angular-library-fusionchart是一个可以在Angular中创建图表的npm包。它封装了FusionChartsJS库，它是一个用于创建交互式和响应式图表的强大框架。本文章将介绍如何使用angular-library-fusionchart来创建各种类型的图表。
安装
您可以使用下面的命令来安装angular-library-fusionchart:
npm install angular-library-fusionchart --save
使用
在您的Angular应用程序中，通过在app.module.ts文件中导入FusionChartsModule来使用angular-library-fusionchart：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - ------------ - ---- ------------------
------ - ------------------ - ---- ------------------------------
-----------
------------- -
------------
--
-------- -
--------------
------------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -入门示例
下面是一个简单的柱状图示例，用于说明如何使用angular-library-fusionchart来创建图表
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
-------------
-----------
------------
---------------
--------------------------
---------------
-
--
------ ----- ------------ -
----------- ------ - -
-------- -
---------- -------- ---------
------------ --------
------------ ----------
--------------- ----
-------- --------
--
------- -
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- -------
--------- ------ -------- --------
--------- ------ -------- ------
-
--
-更多示例
折线图
以下是一个折线图示例，用于说明如何使用angular-library-fusionchart来创建折线图
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
-------------
-----------
------------
-----------
--------------------------
---------------
-
--
------ ----- ------------ -
----------- ------ - -
-------- -
---------- -------- ---------
------------ --------
------------ ----------
--------------- ----
-------- --------
--
------- --
-------- ------
-------- -----
-- -
-------- ------
-------- -----
-- -
-------- ------
-------- -----
-- -
-------- ------
-------- -----
-- -
-------- ------
-------- -----
-- -
-------- ------
-------- -----
-- -
-------- ------
-------- -----
-- -
-------- ------
-------- -----
-- -
-------- ------
-------- -----
--
--
-饼图
以下是一个饼图示例，用于说明如何使用angular-library-fusionchart来创建饼图
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
-------------
-----------
------------
------------
--------------------------
---------------
-
--
------ ----- ------------ -
----------- ------ - -
-------- -
---------- ------ -- ------- -- ------- ------------
---------- ----------
------------- ----
----------------- ----
------------- ----
--------------- ----
----------------- --------
-------------------- ----
---------------- ----
------------- ----
------------------- ----
--------------- ----
------------------- ----
---------------- -------------------------------------------------
--
------- --
-------- -------
-------- --------
--
-
-------- -----------
-------- --------
--
-
-------- --------------
-------- --------
--
--
-总结
本文介绍了如何使用angular-library-fusionchart来创建各种类型的图表。这个npm包可以帮助开发者在Angular应用程序中创建交互式和响应式的图表。通过阅读本文，您现在可以开始使用angular-library-fusionchart来创建您自己的图表。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005752d81e8991b448ea43b