KlinechartsTest is a web-based financial charting application built using Vue.js and the Klinecharts library. It provides interactive candlestick charts for visualizing financial data, along with tools for drawing overlays, replaying historical data, and analyzing trends. The project is designed to mimic features similar to TradingView, including drawing tools, replay functionality, and customizable timeframes.
- Interactive candlestick charts.
- Drawing tools for vertical lines, horizontal lines, and trendlines.
- Historical data replay functionality with adjustable speed and intervals.
- Customizable timeframes for chart data.
- Responsive design for various screen sizes.
Ensure you have the following installed on your system:
-
Clone the repository:
git clone https://github.com/Basttyy/KlinechartsTest.git
-
Navigate to the project directory:
cd KlinechartsTest -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to:
http://localhost:5173
-
Build the project:
npm run build
-
Serve the production build:
npx vite preview
-
Open your browser and navigate to the preview URL (default:
http://localhost:4173).
To run tests (if applicable):
npm run testsrc/: Contains the source code for the application.components/: Vue components for the UI.constants.ts: Shared constants used across the application.dataprocessor.ts: Logic for processing and fetching chart data.helpers.ts: Utility functions for various tasks.main.ts: Application entrypoint.types.ts: Type utilities and declarations for the applicaton
public/: Static assets.dist/: Production build output.
Contributions are welcome! Feel free to open issues or submit pull requests.
This project is licensed under the MIT License. See the LICENSE file for details.