5.20231.904
5.20231.904

Fibonacci Tool in FinancialChart

The wijmo.chart.finance.analytics module contains the analytical extensions for FinancialChart including technical indicators, overlays and Fibonacci tools.

Fibonacci tool is used for trend analysis in financial charts. With the help of range selector, you can choose data range for calculation. FinancialChart supports the following Fibonacci tools:

  • Fibonacci Retracements (wijmo.chart.finance.Fibonacci)
  • Fibonacci Arcs (wijmo.chart.finance.FibonacciArcs)
  • Fibonacci Fans (wijmo.chart.finance.FibonacciFans)
  • Fibonacci Time Zones (wijmo.chart.finance.FibonacciTimeZones)

To add Fibonacci tool to a FinancialChart control, create an instance of the Fibonacci and add it to the series collection of the chart. For example:

import * as chart from '@grapecity/wijmo.chart';
import * as fChart from '@grapecity/wijmo.chart.finance';
import * as fChartAnalytics from '@grapecity/wijmo.chart.finance.analytics';

// create chart
var myFinancialChart = new fChart.FinancialChart('#myFinancialChart');

// create Fibonacci Retracements tool
var ftool = new fChartAnalytics.Fibonacci();
myFinancialChart.series.push(ftool);

Fibonacci Retracements

Fibonacci Arcs Tool

// create chart
var myFinancialChart = new fChart.FinancialChart('#myFinancialChart');

// create Fibonacci Arcs tool
var ftool = new fChartAnalytics.FibonacciArcs();
ftool.start = { x: 44, y: 19.75 },
ftool.end = { x: 54, y: 17.10 },
myFinancialChart.series.push(ftool);

Fibonacci Arcs

Fibonacci Fans Tool

// create chart
var myFinancialChart = new fChart.FinancialChart('#myFinancialChart');

// create Fibonacci Fans tool
var ftool = new fChartAnalytics.FibonacciFans();
ftool.start = { x: 10, y: 18.2 },
ftool.end = { x: 32, y: 20.53 },
myFinancialChart.series.push(ftool);

Fibonacci Arcs

Fibonacci TimeZones Tool

// create chart
var myFinancialChart = new fChart.FinancialChart('#myFinancialChart');

// create Fibonacci TimeZones tool
var ftool = new fChartAnalytics.FibonacciTimeZones();
ftool.startX = 0;
ftool.endX = 3;
myFinancialChart.series.push(ftool);

Fibonacci Arcs