Lightweight Charts™
TradingView Lightweight Charts™ là một trong những biểu đồ HTML5 tài chính nhỏ nhất và nhanh nhất.
Thư viện Lightweight Charts™ là sự lựa chọn tốt nhất cho bạn nếu bạn muốn hiển thị dữ liệu tài chính dưới dạng biểu đồ tương tác trên trang web của bạn mà không ảnh hưởng đến tốc độ tải trang và hiệu suất của trang web.
Đây là sự lựa chọn tốt nhất cho bạn nếu bạn muốn thay thế các biểu đồ ảnh tĩnh bằng các biểu đồ tương tác. Kích thước của thư viện gần giống với các hình ảnh tĩnh, nhưng nếu bạn có hàng chục biểu đồ ảnh trên một trang web, việc sử dụng thư viện này có thể làm cho kích thước trang web của bạn nhỏ hơn.
Cài đặt
es6 thông qua npm
npm install lightweight-charts
import { createChart } from 'lightweight-charts';
const chart = createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
lineSeries.setData([
{ time: '2019-04-11', value: 80.01 },
{ time: '2019-04-12', value: 96.63 },
{ time: '2019-04-13', value: 76.64 },
{ time: '2019-04-14', value: 81.89 },
{ time: '2019-04-15', value: 74.43 },
{ time: '2019-04-16', value: 80.01 },
{ time: '2019-04-17', value: 96.63 },
{ time: '2019-04-18', value: 76.64 },
{ time: '2019-04-19', value: 81.89 },
{ time: '2019-04-20', value: 74.43 },
]);
CDN
Bạn có thể sử dụng unpkg:
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js
Phiên bản độc lập tạo ra đối tượng window.LightweightCharts với tất cả các xuất từ phiên bản esm:
const chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
lineSeries.setData([
{ time: '2019-04-11', value: 80.01 },
{ time: '2019-04-12', value: 96.63 },
{ time: '2019-04-13', value: 76.64 },
{ time: '2019-04-14', value: 81.89 },
{ time: '2019-04-15', value: 74.43 },
{ time: '2019-04-16', value: 80.01 },
{ time: '2019-04-17', value: 96.63 },
{ time: '2019-04-18', value: 76.64 },
{ time: '2019-04-19', value: 81.89 },
{ time: '2019-04-20', value: 74.43 },
]);
Các Biến thể Xây dựng
| Các phụ thuộc đã bao gồm | Chế độ | ES module | CommonJS ⚠️ | IIFE (window.LightweightCharts) |
|---|---|---|---|---|
| Không | PROD | lightweight-charts.production.mjs |
lightweight-charts.production.cjs |
N/A |
| Không | DEV | lightweight-charts.development.mjs |
lightweight-charts.development.cjs |
N/A |
| Có (độc lập) | PROD | lightweight-charts.standalone.production.mjs |
– | lightweight-charts.standalone.production.js |
| Có (độc lập) | DEV | lightweight-charts.standalone.development.mjs |
– | lightweight-charts.standalone.development.js |
⚠️ Ghi chú về sự hủy bỏ: Hỗ trợ CommonJS sẽ bị loại bỏ khỏi thư viện vào đầu năm 2024.
Phát triển
Xem BUILDING.md để biết hướng dẫn về cách xây dựng lightweight-charts từ mã nguồn.
Demos | Documentation | Discord community | Reddit
Thông tin Tải xuống:
Tác giả: tradingview
Mã Nguồn: https://github.com/tradingview/lightweight-charts
Giấy phép: Apache-2.0 license
