react-tradingview-widget
React component for rendering the TradingView Advanced Real-Time Chart Widget.
Install
yarn add react-tradingview-widgetornpm install --save react-tradingview-widget
Usage
Basic example
import TradingViewWidget from 'react-tradingview-widget';
const App = () => (
<TradingViewWidget symbol="NASDAQ:AAPL" />
);
All given props are passed on to the widget config. See this page for the TradingView Advanced Real-Time Chart API.
Advanced example
import TradingViewWidget, { Themes } from 'react-tradingview-widget';
const App = () => (
<TradingViewWidget
symbol="NASDAQ:AAPL"
theme={Themes.DARK}
locale="fr"
autosize
/>
);
Constants and API differences
react-tradingview-widget exports constants for the following things:
- Interval types:
IntervalTypes.DandIntervalTypes.W - Range types (for the
rangeprop):RangeTypes.YTDandRangeTypes.ALL - Themes:
Themes.LIGHTandThemes.DARK - BarStyles:
BarStyles.BARSBarStyles.CANDLESBarStyles.HOLLOW_CANDLESBarStyles.HEIKIN_ASHIBarStyles.LINEBarStyles.AREABarStyles.RENKOBarStyles.LINE_BREAKBarStyles.KAGIBarStyles.POINT_AND_FIGURE
You don't have to use these constants.
react-tradingview-widget also makes it possible to use numbers for interval, popup_width and popup_height instead of strings, but this is not required.
-
TradingView 是一个优秀的交易技术分析金融图表，拥有丰富的技术指标库。 如果需要在项目中使用它，请自行去申请即可。 这里只讨论使用 create-react-app 创建的项目 当我们申请成功后，到官方提供给我们的Github链接拿到代码时，大致的结构如下： |-- charting_library-master |-- charting_library |-- static
-
【首发于 我的个人博客】 0. 竟然被催更了 前两天公司领导居然提到我的博客，说我最近懒了，不更新了…… 趁放假，赶紧更新一轮……等等，什么时候这变成工作了？ 1. TradingView 是个啥 今天咱们说个比较特别的—— TradingView，这是一个专业的图表库，专门做 K 线图的，而 K 线图是股票、基金等交易所必备的一样东西。项目本身是免费的，但并不开源，官方提供了托管在 Github
-
About • Features • Installation • Images • Help About The TradingView Webhook Bot ⚙️ listens to TradingView alerts via webhooks using flask.All alerts can be instantly sent to Telegram, Discord, Twitt
-
问题内容： 我注意到可以这样导入： …或像这样： 第一个导入模块中的所有内容（请参阅：导入整个模块的内容） 第二个仅导入模块导出（请参阅：导入默认值） 似乎这两种方法是不同的，并且根本上是不兼容的。 为什么它们都起作用？ 请参考源代码并解释该机制…我有兴趣了解其工作原理。 ES6常规模块信息回答了该问题。 我在问使模块像这样工作的机制。在这里，它似乎与源代码中的 “ hacky”导出机制有关，但尚
-
Embeddable React Widget Easy creation of embeddable widgets - https://seriousben.github.io/embeddable-react-widget Features Full ES6/ES2015 support (with Babel) Package fonts, css, json, javascripts t
-
这篇快速上手指南会教你如何将TypeScript与React结合起来使用。 在最后，你将学到： 使用TypeScript和React创建工程 使用TSLint进行代码检查 使用Jest和Enzyme进行测试，以及 使用Redux管理状态 我们会使用create-react-app工具快速搭建工程环境。 这里假设你已经在使用Node.js和npm。 并且已经了解了React的基础知识。 我们之所以使
-
我已经改用react Native制作跨平台应用程序（虽然没有制作）。我只是想要一个答案，我的问题，反应和反应之间的区别。我在网上搜索了一下，但没有找到合适的答案。
-
问题内容： 与 哪个更好，为什么？ 还是除了以后编写更少的代码外没有其他区别？ 写作是否意味着只导入Component对象？ 问题答案： 让您代替。它减少了React名称空间的键入和重复，这通常是一种理想的现代编码约定。 此外，Webpack 2和Rollup之类的工具会“摇晃”，这意味着任何未使用的导出都不会捆绑到您的最终代码中。使用/，您可以保证所有React的源代码都将被捆绑。使用，某些工具