Symbol Detailed Widget Demo
This widget will display important details of single symbol including Chart.
{ "id": "default", "name": "Default Theme", "preview": "#006AFC", "colors": { "light": { "--background": "#F8F9FA", "--background-top": "#cdcecf", "--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", "--background-top": "#303030", "--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" } } }
Clickable Links
URL template:
asset/{exchange}/{symbol}/chart
Leave this field empty to prevent redirect on click
Intervals
Intervals
(comma separated list)
Initial interval
Chart Type
Line
Candlestick
Show Exchange
Yes
No
Show Volume
Yes
No
Show Change
Yes
No
Show Tooltip
Yes
No
Show Percentage Change
Yes
No
Show Axes
Yes
No
Show 52 week
Yes
No
Show Cursor Axes
Yes
No
Allow Zoom
Yes
No
Show Intervals
Yes
No