Tradingview Another Widget

Question

Tradingview Another Widget

emin-karadag opened this issue 5 years ago · comments

Mehmet Emin KARADAĞ commented 5 years ago

Hello,
Is there only one widget in this library?
For example how do I add a TradingView Mini Chart Widget?
Thank you...

Rafael Klaessen · Answer 1 · Sun Jul 28 2019 20:55:19 GMT+0800 (China Standard Time)

Hi! Thanks for the issue.

Yes, this component only wraps the advanced real-time chart widget. (And does so in a very simplistic way.)

The mini chart widget seems more difficult to use with React, but if you could point me at a React version of it, I could consider building a more complete library that includes all TradingView widgets.

Let me know! Thanks.

Mehmet Emin KARADAĞ · Answer 2 · Wed Aug 07 2019 16:11:23 GMT+0800 (China Standard Time)

Thank you for your reply.
I would appreciate if you could build a library for the React version. :)
Please includes all TradingView widgets :)))

tmWeng · Answer 3 · Fri Aug 09 2019 11:02:52 GMT+0800 (China Standard Time)

Thank you too

darrengoh97 · Answer 4 · Fri Nov 15 2019 07:07:20 GMT+0800 (China Standard Time)

Hi,
I understand only the advanced real-time chart widget is usable.
I was hoping to use this package for the TradingView Symbol Overview Widget.
https://www.tradingview.com/widget/symbol-overview/
Any chance you know how to implement it in react?
Thank you.

Rafael Klaessen · Answer 5 · Sat Nov 16 2019 21:49:45 GMT+0800 (China Standard Time)

I know that @WebMasterSam has forked this repo here and has added some additional widgets... Perhaps you could look at that fork?

Would also be happy to merge said fork into this package.

darrengoh97 · Answer 6 · Tue Nov 19 2019 09:30:34 GMT+0800 (China Standard Time)

@rafaelklaessen I checked the repo. It doesn't include the widget I needed.

Samuel Rousseau · Answer 7 · Wed Nov 20 2019 00:07:11 GMT+0800 (China Standard Time)

@darrengogh97, @emin-karadag If you need to create the missing widget it would be very easy. Just copy paste one of those. Check before copying the widget because they don't always work the same way. I think there's 2-3 different ways to instanciate the widge. Depending on the one you want, start from a widget that works the same way and you will be up and running in a matter of minutes.

Ibrahim · Answer 8 · Sun Oct 25 2020 06:57:28 GMT+0800 (China Standard Time)

@WebMasterSam Hey can you please show me an example of how I could create a different widget?

Samuel Rousseau · Answer 9 · Tue Oct 27 2020 04:42:20 GMT+0800 (China Standard Time)

@IbrahimSam96 can you send me the link of the plugin ? I will try to create the version in my branch for you.

Ibrahim · Answer 10 · Tue Oct 27 2020 05:00:42 GMT+0800 (China Standard Time)

Fundamentals https://www.tradingview.com/widget/fundamental-data/

Market Overview https://www.tradingview.com/widget/market-overview/

Market Quotes https://www.tradingview.com/widget/market-quotes/

Thanks for offering your help!

Samuel Rousseau · Answer 11 · Wed Oct 28 2020 02:23:52 GMT+0800 (China Standard Time)

I added the "Fundamentals" widget. For the 2 others, please refer to this widget : "stock-list-widget". You have array parameters that requires a propType that is not listed in the Fundamentals widget.

Ibrahim · Answer 12 · Wed Oct 28 2020 02:39:41 GMT+0800 (China Standard Time)

I'm sorry how can I access the Fundamentals widget ?

Samuel Rousseau · Answer 13 · Wed Oct 28 2020 02:47:10 GMT+0800 (China Standard Time)

I just pushed it to my branch : https://github.com/WebMasterSam/react-tradingview-widget/blob/master/src/stock-fundamentals-widget.js You can also find all of my plugins here https://github.com/WebMasterSam/react-tradingview-widget/blob/master/src/

Ibrahim · Answer 14 · Wed Oct 28 2020 06:08:41 GMT+0800 (China Standard Time)

Hey, sorry I'm fairly new to the development space. Should I use it the same way I use the TradingViewWidget ? I tried copying the code and pasting but i get an error on onload. Thanks for your help and patience

Samuel Rousseau · Answer 15 · Wed Oct 28 2020 23:35:32 GMT+0800 (China Standard Time)

You can fork my project and add the remaining components in it. If you want to use the project, you can reference it in your packages.json file, using that way : https://medium.com/@jonchurch/use-github-branch-as-dependency-in-package-json-5eb609c81f1a Then you will be able to reference the components in your main project.

Samuel Rousseau · Answer 16 · Thu Oct 29 2020 22:49:36 GMT+0800 (China Standard Time)

By doing "npm install --save react-tradingview-widget", you installed the one in the NPM registry, which is not my/your version, but the original version (Rafael Klaessen's version). It should be referenced that way (in your package.json file) : "react-tradingview-widget": "git://github.com/WebMasterSam/react-tradingview-widget.git" Please add it manually. You can change the GIT path to anywhere you want in GIT (ex: to reference your fork).

Ibrahim · Answer 17 · Thu Oct 29 2020 23:01:29 GMT+0800 (China Standard Time)

I adjusted the GIT address to your version in the package.json in the node modules.
Should I normally just
import TradingViewStockFundamentalsWidget from react-tradingview-widget

Samuel Rousseau · Answer 18 · Thu Oct 29 2020 23:15:10 GMT+0800 (China Standard Time)

Example importing 3 components: import { TradingViewStockInfoWidget, TradingViewStockProfileWidget, TradingViewStockFundamentalsWidget } from 'react-tradingview-widget' Syntax is important. If you're not familiar with React, please follow some tutorials to help you with those basic principles. Importing can be done with different syntaxes, depending on how the components have been exported. It differs from package to package (depending on the dev's exporting preferences / architecture).

Ibrahim · Answer 19 · Thu Oct 29 2020 23:22:29 GMT+0800 (China Standard Time)

I tried doing that but I'm still getting the TradingViewWidget instead of TradingViewStockFundamentalsWidget :(