在前端开发中，需要使用各种工具和第三方库来简化我们的工作流程，提高开发效率。其中，npm 是一个非常实用的包管理器，而 @thi.ng/indicators 就是一个非常好用的 npm 包，可以方便地在网页应用中添加各种指标（indicators）。
本文将详细介绍 @thi.ng/indicators 的安装、使用方法，并通过实例代码演示其强大的功能和灵活性。
安装和导入
首先，我们需要在命令行中使用 npm 安装该包：
npm install --save @thi.ng/indicators
安装成功后，在项目中导入该包：
import * as indicators from '@thi.ng/indicators';
基础用法
@thi.ng/indicators 提供了多种常见的指标，包括 Moving Average、Bollinger Bands、Relative Strength Index 等。
以下是一个简单的示例代码，在网页中添加一个 SMA40 指标：
const data = [15, 25, 35, 45, 55, 65, 75, 85, 95, 105]; const sma = new indicators.SMA(40); const smaValues = data.map((d) => sma.next(d)); // smaValues: [ null, null, null, null, null, null, null, null, null, 55 ]
以上代码中，我们创建了一个长度为 10 的数据数组，然后创建了一个 SMA40 指标，并通过 next 方法计算每个指标点的值。最后得到一个包含 10 个元素的数组 smaValues，其中前面的几个元素是 null 是因为需要至少输入 40 个数据点才能计算出 SMA40 指标的值。
指标参数配置
除了基础用法以外，我们还可以对指标进行更精细的参数配置，以实现更符合我们需求的指标。
以下是一个例子，我们使用 High-Low Moving Average 指标，但是需要自定义该指标的一些参数：
const data = [15, 25, 35, 45, 55, 65, 75, 85, 95, 105];
const hilo = new indicators.HiloMA(15, { high: true });
const hiloValues = data.map((d) => hilo.next(d));
// hiloValues: [ null, null, null, null, null, null, null, null, null, 60 ]以上代码中，我们创建了一个长度为 10 的数据数组，然后使用 HiloMA 指标同时设定其期间为 15，以及对高值进行计算。最后得到一个包含 10 个元素的数组 hiloValues，其中前面的几个元素是 null 是因为需要至少输入 15 个数据点才能计算出 HiloMA 指标的值。
小结
@thi.ng/indicators 是一个非常实用的 npm 包，可以方便地在网页应用中添加各种指标。本文介绍了该包的基础用法和指标参数配置方法，希望可以帮助读者更好地利用该包提高开发效率。完整示例代码见下：
-- -------------------- ---- ------- ------ - -- ---------- ---- --------------------- ----- ---- - ---- --- --- --- --- --- --- --- --- ----- ----- --- - --- ------------------- ----- ---- - --- --------------------- - ----- ---- --- ----- --------- - ------------ -- ------------- ----- ---------- - ------------ -- -------------- -- ---------- - ----- ----- ----- ----- ----- ----- ----- ----- ----- -- - -- ----------- - ----- ----- ----- ----- ----- ----- ----- ----- ----- -- -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eae81e8991b448dc2fd