OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Exchanges & Trading

TradingVue.js

TradingVue.js is a JavaScript charting library for rendering interactive candlestick charts and adding custom visual overlays to financial data. Its Vue-based components support timestamped OHLCV series, indicator data, drawing tools, scrolling and zooming. The project repository describes the library as not maintained.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

TradingVue.js — OpenViST project profile in Exchanges & Trading.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use it when building a web interface that needs a customizable candlestick chart and you can provide correctly ordered timestamped market data. Consider its stated unmaintained status when choosing a dependency for new software.

Who it is for

  • Developers building trading software or financial-analysis interfaces.
  • Developers who need to visualize timestamped price and volume data with custom indicators or annotations.

Documented uses

  • Render candlestick charts from OHLCV data.
  • Add custom indicator series above or below the main chart.
  • Draw custom visualizations using chart coordinate-mapping functions and the JavaScript canvas API.
  • Display non-time-based charts such as Renko.
Before you choose

Requirements & limits

The repository identifies the project as open source under the MIT license. It documents installation through npm or a browser script.

  • The library renders supplied data; the documentation does not describe it as a market-data provider or exchange.
  • Main chart rows must be sorted by time and cannot contain duplicate timestamps.
  • Indicators may be shown on the chart or in a separate panel below it.
  • The repository says the project is not maintained.
  • The README documents npm and browser-script installation options.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Prepare chart data for TradingVue.js

Structure timestamped OHLCV data and optional indicators for display in a chart.

Before you start

  • JavaScript project using TradingVue.js
  • Main OHLCV rows with timestamp, open, high, low, close and volume
  • Rows sorted by ascending timestamp, with no duplicate timestamps in the main OHLCV series

Steps

  1. Create a chart data object with a chart section containing the chart type and OHLCV rows.

  2. Add optional timestamped indicator series under onchart for overlays or offchart for indicators displayed below the chart.

  3. Provide the chart object to the TradingVue component as its data.

Expected outcome

A data structure prepared for rendering a chart and optional indicator series.

Guide limitations

  • The repository states that the library is not maintained.
  • This recipe covers data preparation and component use, not a tested deployment or a source of market data.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
15 October 2026
Original website title
tvjsx/trading-vue-js · Official homepage title · retained in its source language
How we review sourcesSuggest a correction