1.0.1 • Published 2 years ago
vue-tradingchart v1.0.1
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
Property | Description | type | default |
---|---|---|---|
theme | set theme for chart between 'light' and 'dark' | String | light |
symbol | set symbol for chart | String | |
hide_top_toolbar | Hide Toolbar | Boolean | false |
interval | set time-based bar interval (1m1 - 1h60 - 1DD - 1WW - 1YY) | String | D |
allow_symbol_change | allow to change symbol | Boolean | true |
callendar | show callendar | Boolean | false |
...
for more options can see this page for the TradingView Advanced Real-Time Chart API.