angular2-highstock 是一个基于Angular 2框架开发的一个用于创建股票图表的npm包。在本文中，我们将会介绍如何安装和使用angular2-highstock这个npm包，以及一些示例代码和指导意义。
安装和使用
在安装angular2-highstocknpm包之前，需要确保已经安装了Angular 2和Highcharts。我们可以通过以下命令安装这些依赖项：
npm install --save highcharts # 安装Highcharts npm install --save angular2-highcharts # 安装angular2-highcharts
- 安装
@types/highcharts：
npm install --save-dev @types/highcharts
- 安装
angular2-highstock：
npm install angular2-highstock --save
安装完成后，我们需要在 app.module.ts中添加以下代码：
-- -------------------- ---- -------
------ - ---------------- - ---- ---------------------------------------------
------- --- -------- ----
------ -------- ------------------- -
----- -- - --------------------------------
----- -- - --------------------------------
----- -- - ----------------------------------------
------- -- ------
------- -- -- ---------
------ ---
-
-----------
----
---------- -
-
-------- -----------------
----------- ------------------
--
--
--
------ ----- --------- --在模块中添加该代码后，我们就可以在组件中引入angular2-highstock的模板了：
<chart type="StockChart" [options]="options" (load)="saveInstance($event.context)"></chart>
我们可以在组件中设置options属性来自定义图表：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------------
------ ----- ------------- -
------ -----------
------------- -
------------ - -
------ -
----- -------
--
-------- -
-------- -----
--
------ -
----- --------
--
------ -
------ -
----- ----
-
--
------ -
------ -
----- ----
-
--
------- -
-
----- -------
----- -----------------------
----- ------
-
-
--
-
--------------------------- ---- -
---------- - --------------
-
-指导意义
angular2-highstock是一个很有用的工具，它可以帮助我们在Angular 2项目中快速创建股票图表。因此，使用 angular2-highstock 有以下几点需要注意：
需要安装依赖项：在使用
angular2-highstock之前，需要安装highcharts和angular2-highcharts来为其提供图表支持。充分理解Highcharts文档：使用
angular2-highstock的过程中需要了解高级API的用法。因此，我们需要仔细阅读并
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005529d81e8991b448d00fb