Advanced Chart
The full VisualTrader chart, with toolbars, chart styles, indicators and drawing tools, ready to embed in any website.
Settings
Preview
Embed code
Copy this code and paste it into your site's HTML, where you want the widget to appear.
HTML
<!-- VisualTrader Widget BEGIN -->
<div class="visualtrader-widget-container" style="height:100%;width:100%">
<div class="visualtrader-widget-container__widget" style="height:calc(100% - 32px);width:100%"></div>
<script type="text/javascript" src="https://widget.visualtrader.online/embed-widget-advanced-chart.js" async>
{
"symbol": "MI.G",
"interval": "D",
"range": "",
"style": "candle",
"theme": "dark",
"locale": "en",
"autosize": true,
"hide_top_toolbar": false,
"hide_side_toolbar": false,
"hide_volume": false,
"allow_symbol_change": true
}
</script>
</div>
<!-- VisualTrader Widget END -->Parameters
| Parameter | Default | Description |
|---|---|---|
| symbol | "MI.G" | Symbol — Traderlink code in MARKET.CODE format, e.g. MI.G, US.AAPL, LX.EURUSD. |
| interval | "D" | Interval — Candle timeframe. Ignored when a range is set."1" | "2" | "5" | "10" | "15" | "30" | "45" | "60" | "120" | "180" | "D" | "W" | "M" |
| range | "" | Range — Initial range shown; picks the interval automatically."" | "1D" | "1W" | "1M" | "3M" | "6M" | "1Y" | "3Y" |
| style | "candle" | Chart style — How prices are drawn."candle" | "bar" | "line" | "area" | "heikin-ashi" |
| theme | "dark" | Theme — Light or dark colors."light" | "dark" |
| locale | "it" | Language — Language of chart and toolbars."it" | "en" |
| autosize | true | Autosize — The widget fills the width and height of its container. |
| width | 980 | Width (px) — Used only without autosize. |
| height | 610 | Height (px) — Used only without autosize. |
| allow_symbol_change | true | Allow symbol change — Shows an editable symbol field in the toolbar. |
| hide_top_toolbar | false | Hide top toolbar — Hides intervals, ranges, style and indicators. |
| hide_side_toolbar | false | Hide drawing toolbar — Hides the side bar with drawing tools. |
| hide_volume | false | Hide volume — Does not show the volume histogram. |
FAQ
Is the widget free?
Yes, you can embed the widget on any website as long as you keep the attribution link to VisualTrader.
Can I add several widgets to the same page?
Yes, each snippet creates an independent widget. The browser downloads the script only once.
Which symbols can I use?
Traderlink codes in MARKET.CODE format, e.g. MI.G (Generali), US.AAPL (Apple), LX.EURUSD (Euro/Dollar).