📄️ Getting Started
In this tutorial we will see how to use TradingView's Advanced Charts API and plot DEX trading data with Bitquery APIs. You can find the complete code of the tutorial here
📄️ Component
- Create a folder called components and create a file called callBitquery.js
📄️ Writing App.js Code
This code sets up a React component (App) that serves as the entry point for the application. It imports styles, the TVChartContainer component, and then renders the TVChartContainer component within a div with the class name "App."
📄️ Custom Datafeed Object
Create a file called datafeed_custom.js that will have the implementation for the default datafeed object for the data we will be importing to the charts.This defines a custom data feed for charting purposes.
📄️ Creating the Candlestick Bars with Data from API
Create a file names getBars.js to override the default implementation. This part of the code, focuses on fetching candlestick bars using the Bitquery API, and providing placeholders for subscription logic for real-time data updates.
📄️ Building the Chart
Create a file called advanced_chart.js that will have a React component that acts as a container for a TradingView charting widget.
📄️ Getting Trading Indicators
Using the TradingView package we can get indicators directly displayed on the chart. Once you run the code with npm start you can find the button labelled indicators on top left.