Getting Started
Stock Valuation & Ranking
Screeners
Gurus
Insiders
Excel / Google Sheets / API
Market Data
What's New
Community
Videos
 

Creating Interactive Charts

Quick start guide to the Interactive Chart feature

GuruFocus' Interactive Chart allows users to create customized charts and save them as chart templates. Users can also set a chart as the default chart and add charts to their stock summary dashboard.

The Interactive Chart allows users to visualize trends in a company's historical financial data in chart form using lines or bars. Key built-in charts include the Peter Lynch Chart, price-sales valuation bands chart, income statement chart, balance sheet chart and much more.

Access

To access the Interactive Chart from the stock summary page, click on the “Interactive Chart” button in the row of buttons starting with Summary and 30-year Financials.

1618359700963819520.png

You will then see a sample Interactive Chart screen.

The Interactive Chart includes several key features as the numbers in the screen shot illustrate:

  1. Interactive Chart Series Menu
  2. Data type: Annual, Quarterly or TTM
  3. Chart Options
  4. Add other tickers to the chart
  5. Add economic indicators to the chart
  6. Change the date range for the chart
  7. Define a customized date range for the chart
  8. Chart legend options
  9. Save chart template
  10. Add chart to stock summary dashboard
  11. Download and embed chart
  12. Reset chart

Interactive Chart Series Menu

The interactive chart series are grouped into several sections, including most popular, valuation & quality, income statement, balance sheet, cash flow statement, gurus / insiders, economic data, technical data and customized fields.

You can search for a specific chart series by entering the desired search term in the “Search Series” field. The screen shot below illustrates this using the keyword “operating.”

1618359706957479936.png

The chart below gives an example chart illustrating Apple Inc.'s (AAPL) operating margin.

1618296477141008384.png

Changing the data type

The Interactive Chart allows you to graph annual data, quarterly data and trailing-12-month data. The following charts illustrate this using Apple's revenue data.

1618297598085529600.png

Apple Revenue Annual Data

1618297721054134272.png

Apple Revenue Quarterly Data

1618297830995230720.png

Apple Revenue TTM Data

Chart options

The Chart Options menu allows you to select different types of chart options, including percent changes, drawdown from peak, percent year-over-year changes, logarithmic scale, bar charts, trendlines and much more.

1618359709629251584.png

The chart below illustrates Apple's operating margin data as a bar chart.

1618301346040086528.png

Add other tickers to the chart

You can add other tickers to the chart by adding them using the “Ticker” field. The following chart illustrates a sample revenue chart for American Airlines Group Inc. (AAL) and other airline stocks for the past 10 years.

1618302505425403904.png

Add economic indicators to the chart

You can add economic indicators to the chart by clicking on the Eco button. The Interactive Chart supports selecting from more than 5,000 economic indicators and adding them as chart series.

1618359712577847296.png

The chart below illustrates an example that includes the share price of oil stocks like Chevron (CVX) and Exxon Mobil (XOM) and the price of crude oil over the past 20 years.

1618304664955092992.png

Change the date range for the chart

You can change the date range for the chart either by clicking on one of the date range buttons or entering a custom date range.

The date range buttons include options to view data over the past five days, past month, past three months, past six months, year to date, past year, past 1.5 years, past three years, and so on, all the way to the maximum data range.

You can also set a customized date range or use the date slider at the bottom of the chart. The first customized date range cell gives the starting date while the second customized date range cell gives the ending date.

1618359715635494912.png

Changing the chart legend options

Click on the gear symbol next to a series in the legend section to open the Customize Series pop-up window.

1618361580687294464.png

The Customize Series pop-up window allows you to change the color of each series, separate the series into different Y-axes, change the series type from line to bar or area, and change the dash style from solid to dots or dashes.

Save chart template

Click on the “Template (Save)” button to save the chart settings as a template.

1618361585988894720.png

After you save a template, you can then set the template as the default by placing a check mark next to the desired template.

Add charts to dashboard

Click on the “Add to Dashboard” button to add a chart to your dashboard. You can add the dashboard either to your stock summary page dashboard or homepage dashboard.

1851659517805359104.png

You can also add or change the interactive charts on your stock summary page dashboard. Click on the settings button and then, “Config.”

1851659521236299776.png

The Component Configuration pop-up wizard allows you to change the chart to a different chart. You can also change the chart height. Click on "Save" to save the settings.

1851659523635441664.png

You can also add additional charts to the stock summary dashboard and homepage dashboard by clicking on “Add Widgets” and then, click on “+ Add” (or “+ Add Another”) next to “Interactive Chart.”

1851659526328184832.png

Download and embed chart

The Download (down arrow into bin icon) and Embed Chart (dot with two branches icon) items allow you to download the chart as an image or Excel spreadsheet data, embed the chart in your article, or share the chart on Twitter, Facebook or LinkedIn.

1851663321967783936.png

Reset chart

Click on the “rotate back” button to reset the chart and go back to a blank chart.

1851663325050597376.png

New Interactive Chart Features 2024

During 2024, GuruFocus' Interactive Chart added several new features as the numbers in the above screenshot illustrate:

1. Price Chart Type

2. Time Interval

3. Chart Data as Table

4. Chart Layout

5. Stock Events

1851658158179774464.png

Price Chart Type

By default, the price chart is set to a line chart. You can click on the “Line” option to select other price chart types, including OHLC
(open, high, low, close) chart, candlestick chart, column / bar chart or area chart.

1851658161224839168.png

Below are examples of each price type chart for Meta Platforms Inc. (META).

OHLC (Open, High, Low, Close) Chart

1851658163825307648.png

Candlestick Chart

1851658165356228608.png

Column / Bar Chart:

1851658167302385664.png

Area Chart:

1851658168896221184.png

Time Interval

The available time intervals are one day, one week, one month and one year. The time intervals are set based on the data zoom setting:
For example, if the data zoom setting is six months or less, the time interval is set to one day. Likewise, if the data zoom setting is more than one year,
the time interval is set to one week.

1851663327575568384.png

Chart Data as Table

You can also set the chart data in table form to view each datapoint on the chart as a numerical value.

1851663329643360256.png

Related Content