TVJS Overlays is a collection of overlays made by the TradingVue.js community.
Name | Author | Type | Description | Version |
---|---|---|---|---|
ALMA | StdSquad | OV+Script | Arnaud Legoux Moving Average | 1.0.0 |
ATR | StdSquad | OV+Script | Average True Range | 1.0.0 |
ATRp | StdSquad | OV+Script | Average True Range, % | 1.0.0 |
Area51 | 👽 | OV | Gradient area chart | 1.0.0 |
BB | StdSquad | OV+Script | Bollinger Bands | 1.0.0 |
BBW | StdSquad | OV+Script | Bollinger Bands Width | 1.0.0 |
CCI | StdSquad | OV+Script | Commodity Channel Index | 1.0.0 |
CMO | StdSquad | OV+Script | Chande Momentum Oscillator | 1.0.0 |
COG | StdSquad | OV+Script | Center of Gravity | 1.0.0 |
DHistogram | Acid3croco | OV | Double Histogram Plot | 1.0.0 |
DMI | StdSquad | OV+Script | Directional Movement Index | 1.0.0 |
EMA | StdSquad | OV+Script | Exponential Moving Average | 1.0.0 |
HMA | StdSquad | OV+Script | Hull Moving Average | 1.0.0 |
Histogram | StdSquad | OV | Histogram plot | 1.0.0 |
Ichimoku | Sudeep Batra | OV | 1.0.0 | |
KC | StdSquad | OV+Script | Keltner Channels | 1.0.0 |
KCW | StdSquad | OV+Script | Keltner Channels Width | 1.0.0 |
LongShortTrades | Sudeep Batra | OV | 1.0.1 | |
MACD | StdSquad | OV+Script | Moving Average Convergence/Divergence | 1.0.2 |
MFI | StdSquad | OV+Script | Money Flow Index | 1.0.0 |
MOM | StdSquad | OV+Script | Momentum | 1.0.0 |
PlotCross | StdSquad | OV | Plot line with crosses | 1.0.0 |
ROC | StdSquad | OV+Script | Rate of Change | 1.0.0 |
RSI | StdSquad | OV+Script | Relative Strength Index | 1.0.0 |
Ribbon | StdSquad | OV+Script | Moving Average Ribbon | 1.0.0 |
SAR | StdSquad | OV+Script | Parabolic SAR | 1.0.0 |
SMA | StdSquad | OV+Script | Simple Moving Average | 1.0.0 |
SWMA | StdSquad | OV+Script | Symmetrically Weighted Moving Average | 1.0.0 |
Stoch | StdSquad | OV+Script | Stochastic | 1.0.0 |
TSI | StdSquad | OV+Script | True Strength Index | 1.0.0 |
VWMA | StdSquad | OV+Script | Volume Weighted Moving Average | 1.0.0 |
WilliamsR | StdSquad | OV+Script | Williams %R | 1.0.0 |
XOhlcBars | X | OV | Bar Chart | 1.3.0 |
NPM
npm i tvjs-overlays
In browser
<script src="tvjs-overlays.min.js"></script>
NPM
<template>
<trading-vue :data="data" :overlays="overlays"/>
</template>
<script>
import TradingVue from 'trading-vue-js'
import Overlays from 'tvjs-overlays'
export default {
name: 'app',
components: { TradingVue },
data() {
return {
overlays: Object.values(Overlays),
data: new DataCube(...)
}
}
}
</script>
In browser
<div id="app">
<trading-vue :data="data" :overlays="overlays"/>
</div>
<script>
app = new Vue({
el: '#app',
data: {
overlays: Object.values(TvjsOverlays),
data: new TradingVueJs.DataCube(...)
}
})
</script>
- Create a folder in
src/overlays
named just like your overlay:YourOverlayName
- Your main code must be in
YourOverlayName.vue
, but you can use .js and .json imports - Add your data sample
data.json
- Make sure that the following conditions are met:
* folder name === .vue file name === overlay name
* required functions: draw, use_for
* use_for includes the name
* use_for.length === 1
* name is unique (format: CapitalizedWords, Numbers_123)
* required meta: author, version
* data.json < 1MB
npm run check
to check that everything is OKnpm run compile
to build the development indexnpm run dev
to test your overlays- Add a short README.md (example)
- Submit a PR request to this repo