Comments (7)
Must to draw without the usage of the drawing tools from the left panel.
from react-tradingview-widget.
What exactly are you trying to do?
from react-tradingview-widget.
@rafaelklaessen I need to draw some horizontal lines (3-5) like on the screen. But i must do it programmaticly. Maybe tradingview has options for this?
from react-tradingview-widget.
No, I don't think you can do this without the drawing tools, sadly 😞
from react-tradingview-widget.
@rafaelklaessen thank you 😉
from react-tradingview-widget.
you can do .
need use this code . and insert level in your config
const widgetConfig = {
symbol: 'AAPL',
interval: 'D',
containerId: 'tv_chart_container',
datafeed: new Datafeeds.UDFCompatibleDatafeed("https://demo_feed.tradingview.com"),
libraryPath: '/charting_library/',
chartOnly: true,
save_image: false,
width: '100%',
height: 500,
locale: "en",
disabled_features: [
"use_localstorage_for_settings",
"left_toolbar",
"header_widget_dom_node",
"control_bar",
],
enabled_features: [
"study_templates",
"dont_show_boolean_study_arguments",
"keep_left_toolbar_visible_on_small_screens",
"adaptive_logo"
],
overrides: {
"paneProperties.background": "#1C1C1E",
"paneProperties.vertGridProperties.color": "#191A1C",
"paneProperties.horzGridProperties.color": "#191A1C",
"symbolWatermarkProperties.transparency": 90,
"scalesProperties.textColor" : "#AAA",
},
paneDetails: [
{
name: "first-pane",
title: "First Pane",
gridProperties: {
color: "#191A1C",
style: 0,
visible: true
},
percent: 100,
levels: [
{
level: 50,
lineColor: "red",
lineWidth: 2,
lineStyle: 1
},
{
level: 100,
lineColor: "green",
lineWidth: 2,
lineStyle: 1
}
]
}
],
studies_overrides: {
"volume.volume.color.0": "#00B8F2",
"volume.volume.color.1": "#E80C7A",
"volume.volume.transparency": 50,
"volume.volume ma.color": "#00B8F2",
"volume.volume ma.transparency": 30
},
};
TradingView.onready(() => {
window.tvWidget = new TradingView.widget(widgetConfig);
});
from react-tradingview-widget.
from react-tradingview-widget.
Related Issues (20)
- Next.js, silently fails on page refresh. HOT 3
- Drawing tools sidebar won't render HOT 1
- Grid lines and Volume HOT 2
- Issues when loading component
- Custom data feed HOT 2
- ...Closed
- Module not found
- Customize background color HOT 3
- 'const' usin in Typescript files
- Search Symbol
- Autoresize to parent window size is not working
- Widget Types HOT 1
- Widget settings parse error: SyntaxError: Unexpected end of JSON input
- i want to change the position of trading view logo where attribution link is behind it but i don't get any property HOT 2
- react v17?
- paneProperties.background not working
- bug in ETH-DAI chart
- Change background color of chart
- @rafaelklaessen It Works! Thanks!! HOT 1
- Chart not loading HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-tradingview-widget.