vue-trading-view

1.0.1 • Public • Published

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>

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.1
    81
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.1
    81
  • 1.0.0
    0

Package Sidebar

Install

npm i vue-trading-view

Weekly Downloads

81

Version

1.0.1

License

none

Unpacked Size

15 kB

Total Files

9

Last publish

Collaborators

  • therealguriev