vue-trading-view

VueJS component for rendering the TradingView Advanced Real-Time Chart Widget.

Install

yarn add vue-trading-view or npm install --save vue-trading-view

Usage

Basic example

import VueTradingView from 'vue-trading-view';
 
...
<template>
  <div class="hello">
    <VueTradingView />
  </div>
</template>
 
<script>
import VueTradingView from 'vue-trading-view';
 
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  components: {
    VueTradingView,
  }
}
</script>

All given props are passed on to the widget config. See this page for the TradingView Advanced Real-Time Chart API.

Advanced example

<template>
  <div class="hello">
    <VueTradingView :options="{
      symbol: 'NASDAQ:AAPL',
      theme: 'dark',
    }" />
  </div>
</template>
 
<script>
import VueTradingView from 'vue-trading-view';
 
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  components: {
    VueTradingView,
  }
}
</script>