Skip to content

Latest commit

 

History

History
 
 

vuejs

TradingView Charting Library and Vue.js 2 Integration Example

⚠️ Note: This example is for Vue 2.

The latest supported version of the charting library for these examples is v28.0.0.

How to start

  1. Check that you can view https://github.com/tradingview/charting_library/. If you do not have access then you can request access to this repository here.
  2. Install dependencies npm install.
  3. Copy the charting library files
    1. If you are able to run bash scripts then the copy_charting_library_files.sh script can be used to copy the current stable version's files.
    2. If you are not able to run bash scripts then do the following:
      1. Copy the charting_library folder from https://github.com/tradingview/charting_library/ to /public folder.
      2. Copy the datafeeds folder from https://github.com/tradingview/charting_library/ to /public.
  4. Run npm run dev. It will build the project and open a default browser with the Charting Library.
  5. Run npm run build when you are ready to build the Vue application for deployment.

What is Charting Library

Charting Library is a standalone solution for displaying charts. This free, downloadable library is hosted on your servers and is connected to your data feed to be used in your website or app. Learn more and download.

What is Vue.js

Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.