如何在Angular 5.0的蜡烛高线图上添加指标？

Question

我想在我的高库存烛台图表中添加与以下屏幕截图相同的指标：

我正在使用Angular 5.0。请建议我一个用于添加指标的库。

目前，我已经完成了很多工作。但是，我需要一个指标下拉列表：

我正在尝试以下操作：

series : [{
  name: 'AAPL Stock Price',
  type : 'line',
  id: 'primary',
  data : data
}, {
  name: '15-day SMA',
  linkedTo: 'primary',
  showInLegend: true,
  type: 'trendline',
  algorithm: 'SMA',
  periods: 15
}, {
  name: '40-day SMA',
  linkedTo: 'primary',
  showInLegend: true,
  type: 'trendline',
  algorithm: 'SMA',
  periods: 40
}]

但这给我一个错误：

CandleStickComponent_Host.ngfactory.js? [sm]:1 ERROR Error: Highcharts error #17: www.highcharts.com/errors/17

Answer 1

我找到了带有图表的烛台图表的Angular 5解决方案。您可以在下面的链接中找到代码：

https://github.com/mitalthakkar/candlestick-indicators

运行代码的步骤： 1.make npm安装 2. ng服务