1.0.1 • Published 2 years ago

vue-tradingchart v1.0.1

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

vue-tradingchart

It's a Trading view chart component for Vue and Nuxt.

vue-tradingchart is a dependency-free, lightweight vue component that can be overwrited by yourself. It is support vue-ssr.

How to use?

npm install vue-tradingchart

Example

<template>
  <vue-trading-chart :options="chartOptions"></countup>
</template>

<script>
  import vuetradingchart from 'vue-tradingchart';
  export default {
    components: { vuetradingchart },
    data () {
      return {
        chartOptions: {
            theme: 'light',
            symbol: 'BTCUSDT',
            width: 980,
            height: 600,
            hide_top_toolbar: true,
            interval: 240 // that's mean 4h //
        }
      }
    }
  }
</script>

Options

PropertyDescriptiontypedefault
themeset theme for chart between 'light' and 'dark'Stringlight
symbolset symbol for chartString
hide_top_toolbarHide ToolbarBooleanfalse
intervalset time-based bar interval (1m1 - 1h60 - 1DD - 1WW - 1YY)StringD
allow_symbol_changeallow to change symbolBooleantrue
callendarshow callendarBooleanfalse

...

for more options can see this page for the TradingView Advanced Real-Time Chart API.