Advanced Real-Time Chart Widget

Advanced Chart Widget is a free and powerful charting solution that easily embeds into any website. Simply adjust the settings and click Apply to see a preview, then copy the embed code and paste it into your site code. You can personalize the chart by modifying the default symbol, watchlist, adding tools for technical analysis and a lot more. You can even add news, hotlists, or an economic calendar to make the widget into an entire analytics platform.

Embed code

Size and Defaults

  ×  
Reset Apply

Live Examples

Some examples of how our charts are used on financial websites:

Demos

Technical Analysis
Basic Area Chart
Social
Watchlist
Analytics platform

If you want to please advanced chartists, give them all available drawings - there are over 100 of them! You can also add indicators that will appear by default on the widget. Of course, you can also let your chartists use the 80+ indicators that are included. Possibilities are limitless - you can add things like a second price scale on the left, and change it between a Percentage and Log scales. You can also compare several symbols by overlaying them, or onto different subscharts one over another.

Embed code

If you just want to have a basic financial chart for the general user, it makes sense not to overload the widget with extra options. You may also want to make it an Area chart, which is the most basic charting type - and looks great without taking up too much space!. If it's still too much, take a look at our Market Overview and Symbol Overview widgets.

Embed code

Give your users the ability to share to Twitter, StockTwits and other social networks, right from your site - they'll love you for it! You can also add a real-time StockTwits social stream to the side panel, it'll be relevant to the symbol currently on the chart.

Embed code

You can add a watchlist, which is linked to the chart. When you click on a symbol in the watchlist, it will change on the chart. You can add a predefined list, or change it dynamically, depending on what you want to show your users.

Embed code

You can add more panels, such as the top losers and gainers hotlists, details for each symbol, news, and the economic calendar - turning a simple chart into a full-blown analytics platform.

Embed code

Frequently Asked Questions

Why is there no real-time stock data in the widgets?
Exchanges want each website to pay fees for real-time data. As per their requirements we are only allowed to stream delayed data. Here’s a list of what’s available. Forex and crypto data is real-time.
Why is there no data from certain exchanges?
We buy data from many exchanges around the globe and keep adding new ones on a regular basis. Some exchanges are not yet supported. Available markets are listed here.
What does “The symbol available only on TradingView” message mean?
This means we are not allowed to show that symbol in any timeframe in the widgets.
If I purchase an upgraded plan can I display real-time data on my website?
No. Paid upgraded plans do not affect the data in the widgets. Any upgraded plan affects your TradingView profile only. To get real-time data on your website, contact the exchange directly.
I need access to your API in order to get data or indicator values.
We don’t have an API that gives access to data. Our REST API is meant for brokers who want to be supported on our trading platform.
I’d like to remove/change the TradingView branding (logo, name) from the widget, or add my own.
Drop us a line at widgets@tradingview.com.
The widget is not adapting to different screen sizes. What should I do?
Use the Autosize setting. When autosize is on, the widget uses 100% of available width and/or height of the enclosing element. It’s very important to set a specific height of parent element for the widget to work properly.
I’d like to change some colors or font size.
All available widget settings are presented in the point-and-click constructor. If what you want to change is not there, drop us a line at widgets@tradingview.com.
Can I use widgets on Angular 5 websites?
Yes. Here are some hints:
  1. Copy and paste the widget script somewhere on the page: <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  2. Create a container element with a set ID attribute.
  3. Сall the new TradingView.widget() function when you want the widget to be shown. Apart from other settings, there should also be a container_id option in the parameter list. It should have the value of the previously created container ID attribute.
Why is embed code not working?
Potentially, the problem can arise from trying to insert the raw code dynamically, thus forcing the browser to block the embedded script execution. This may happen when injection via innerHTML occurs, for instance. Trying to dynamically inject the code with the means of certain libraries (e.g. jQuery) may also disrupt the proper initialization of the widget. If you are embedding the code on a site driven by 3rd party infrastructure, make sure to follow their instructions or ask the developer of the platform for help.
How do I get more help?
Drop us a line at widgets@tradingview.com.
EN English (IN)
EN English
EN English (UK)
DE Deutsch
FR Français
ES Español
IT Italiano
PL Polski
SV Svenska
TR Türkçe
RU Русский
PT Português
ID Bahasa Indonesia
MS Bahasa Melayu
TH ภาษาไทย
VI Tiếng Việt
JA 日本語
KO 한국어
ZH 简体中文
ZH 繁體中文
AR العربية
HE עברית
Home Stock Screener Forex Screener Crypto Screener Economic Calendar How It Works Chart Features House Rules Moderators Website & Broker Solutions Widgets Stock Charting Library Feature Request Blog & News FAQ Help & Wiki Twitter
Profile Profile Settings Account and Billing My Support Tickets Contact Support Ideas Published Followers Following Private Messages Chat Sign Out