Technical Indicators

import * as am5stock from "@amcharts/amcharts5/stock";

// Add Moving Average indicator
const movingAverage = am5stock.MovingAverage.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  period: 20,
  field: "close",
  type: "simple"
});

stockChart.indicators.push(movingAverage);

const ma = am5stock.MovingAverage.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 50,
  field: "close",
  type: "simple", // "simple", "weighted", "exponential", "dema", "tema"
  offset: 0
});

stockChart.indicators.push(ma);

const bollingerBands = am5stock.BollingerBands.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 20,
  field: "close",
  type: "simple",
  standardDeviations: 2
});

stockChart.indicators.push(bollingerBands);

const envelope = am5stock.MovingAverageEnvelope.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 20,
  field: "close",
  type: "simple",
  shift: 5 // Percentage shift
});

stockChart.indicators.push(envelope);

const vwap = am5stock.VWAP.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  volumeSeries: volumeSeries,
  legend: valueLegend
});

stockChart.indicators.push(vwap);

const superTrend = am5stock.SuperTrend.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 10,
  multiplier: 3
});

stockChart.indicators.push(superTrend);

const rsi = am5stock.RelativeStrengthIndex.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 14,
  field: "close",
  overBought: 70,
  overSold: 30
});

stockChart.indicators.push(rsi);

const macd = am5stock.MACD.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  fastPeriod: 12,
  slowPeriod: 26,
  signalPeriod: 9,
  field: "close"
});

stockChart.indicators.push(macd);

const stochastic = am5stock.StochasticOscillator.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  kPeriod: 14,
  dPeriod: 3,
  slowing: 3,
  overBought: 80,
  overSold: 20
});

stockChart.indicators.push(stochastic);

const williamsR = am5stock.WilliamsR.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 14,
  overBought: -20,
  overSold: -80
});

stockChart.indicators.push(williamsR);

const cci = am5stock.CommodityChannelIndex.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 20
});

stockChart.indicators.push(cci);

const awesomeOscillator = am5stock.AwesomeOscillator.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  fastPeriod: 5,
  slowPeriod: 34
});

stockChart.indicators.push(awesomeOscillator);

const obv = am5stock.OnBalanceVolume.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  volumeSeries: volumeSeries,
  legend: valueLegend
});

stockChart.indicators.push(obv);

const accumulationDistribution = am5stock.AccumulationDistribution.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  volumeSeries: volumeSeries,
  legend: valueLegend
});

stockChart.indicators.push(accumulationDistribution);

const chaikinMoneyFlow = am5stock.ChaikinMoneyFlow.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  volumeSeries: volumeSeries,
  legend: valueLegend,
  period: 20
});

stockChart.indicators.push(chaikinMoneyFlow);

const volumeProfile = am5stock.VolumeProfile.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  volumeSeries: volumeSeries,
  legend: valueLegend
});

stockChart.indicators.push(volumeProfile);

const aroon = am5stock.Aroon.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 25
});

stockChart.indicators.push(aroon);

const atr = am5stock.AverageTrueRange.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  period: 14
});

stockChart.indicators.push(atr);

const zigZag = am5stock.ZigZag.new(root, {
  stockChart: stockChart,
  stockSeries: valueSeries,
  legend: valueLegend,
  deviation: 5 // Minimum percentage change
});

stockChart.indicators.push(zigZag);

stockChart.indicators.removeValue(movingAverage);

const indicator = am5stock.MovingAverage.new(root, {
  stockChart: stockChart,      // Required: parent stock chart
  stockSeries: valueSeries,    // Required: main series
  volumeSeries: volumeSeries,  // Optional: for volume indicators
  legend: valueLegend,         // Optional: legend to add to
  period: 20,                  // Calculation period
  field: "close",              // Data field to use
  seriesColor: am5.color(0xFF0000) // Series color
});

import { Indicator } from "@amcharts/amcharts5/stock";

class CustomIndicator extends Indicator {
  // Implement prepareData() method
  public prepareData() {
    const stockSeries = this.get("stockSeries");
    const dataItems = stockSeries.dataItems;
    
    // Process data and update indicator series
    const data = this._getDataArray(dataItems);
    // ... custom calculations
    this.series.updateData(data);
  }
}

stockChart.events.on("indicatorsupdated", (ev) => {
  console.log("Indicators were updated");
});