vue-trading-view

Vue trading view charts

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-trading-view
1.0.14 years ago4 years agoMinified + gzip package size for vue-trading-view in KB

Readme

vue-trading-view
GitHub license
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>