Watchlist Chart Demo
This widget will show overview of multiple symbols
{ "id": "default", "name": "Default Theme", "preview": "#006AFC", "colors": { "light": { "--background": "#F8F9FA", "--red": "#E64A27", "--green": "#006AFC", "--primary": "#006AFC", "--gradient-up": "radial-gradient(farthest-side circle at 50% 50%, rgba(0, 106, 252, .3), transparent)", "--gradient-down": "radial-gradient(farthest-side circle at 50% 50%, rgba(230, 74, 39, .3), transparent)", "--text-dark": "#373D42", "--text-light": "#B4B4B4", "--button": "transparent", "--button-text": "#373D42", "--button-active": "#006AFC", "--button-text-active": "#EEEEEE", "--gray-light": "#EEEEEE", "--gray": "#6c757d", "--gray-dark": "#343a40", "--white": "#ffffff", "--dark": "#212529", "--light": "#f8f9fa", "--overlay-color": "rgba(255, 255, 255, .5)", "--icon-gray": "#9e9e9e" }, "dark": { "--background": "#000000", "--red": "#E64A27", "--green": "#6D9A20", "--primary": "#006AFC", "--gradient-up": "linear-gradient(90deg, transparent, rgba(109, 154, 32, .25), transparent)", "--gradient-down": "linear-gradient(90deg, transparent, rgba(230, 74, 39, .25), transparent)", "--text-dark": "#FFFFFF", "--text-light": "#929292", "--button": "transparent", "--button-text": "#929292", "--button-active": "#272727", "--button-text-active": "#FFFFFF", "--gray-light": "#151515", "--gray": "#6c757d", "--gray-dark": "#343a40", "--white": "#222222", "--dark": "#212529", "--light": "#f8f9fa", "--overlay-color": "rgba(0, 0, 0, .5)", "--icon-gray": "#474747" } } }
Chart Type
Line
Candlestick
Show Volume
Yes
No
Clickable Links
URL template:
asset/{exchange}/{symbol}/chart
Leave this field empty to prevent redirect on click
Show Exchange
Yes
No
Show Change
Yes
No
Show Percentage Change
Yes
No
Show Tooltip
Yes
No
Show Axes
Yes
No
Allow Zoom
Yes
No
Show 52 week
Yes
No
Show Chart
Yes
No
Show Intervals
Yes
No
Intervals
Intervals
(comma separated list)
Initial interval
Show Navigator
Yes
No
Show Cursor Axes
Yes
No