Grafik Ringan™

Demo | Dokumentasi | Komunitas perselisihan | reddit

TradingView Lightweight Charts™ adalah salah satu grafik HTML5 finansial terkecil dan tercepat.

Pustaka Lightweight Charts™ adalah pilihan terbaik bagi Anda jika Anda ingin menampilkan data keuangan sebagai grafik interaktif di halaman web Anda tanpa memengaruhi kecepatan dan kinerja pemuatan halaman web Anda.

Ini adalah pilihan terbaik bagi Anda jika Anda ingin mengganti bagan gambar statis dengan bagan interaktif. Ukuran perpustakaan mendekati gambar statis tetapi jika Anda memiliki puluhan bagan gambar pada halaman web maka menggunakan perpustakaan ini dapat membuat ukuran halaman web Anda lebih kecil.

Menginstal

es6 melalui 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

Anda dapat menggunakan unpkg:

https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js

Versi mandiri membuat objek window.LightweightCharts dengan semua ekspor dari versi 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 } ,
] ) ;

Bangun Varian

Termasuk dependensi	Mode	modul ES	JS Umum ️	IIFE ( `window.LightweightCharts` )
TIDAK	MELECUT	`lightweight-charts.production.mjs`	`lightweight-charts.production.cjs`	T/A
TIDAK	PERANGKAT	`lightweight-charts.development.mjs`	`lightweight-charts.development.cjs`	T/A
Ya (mandiri)	MELECUT	`lightweight-charts.standalone.production.mjs`	-	`lightweight-charts.standalone.production.js`
Ya (mandiri)	PERANGKAT	`lightweight-charts.standalone.development.mjs`	-	`lightweight-charts.standalone.development.js`

️ Catatan penghentian: Dukungan CommonJS akan dihapus dari perpustakaan pada awal tahun 2024.

Perkembangan

Lihat BUILDING.md untuk instruksi tentang cara membuat lightweight-charts dari sumber.

Lisensi

Berlisensi di bawah Lisensi Apache, Versi 2.0 ("Lisensi"); Anda tidak boleh menggunakan perangkat lunak ini kecuali sesuai dengan Lisensi. Anda dapat memperoleh salinan Lisensi di file LICENSE. Kecuali diwajibkan oleh undang-undang yang berlaku atau disetujui secara tertulis, perangkat lunak yang didistribusikan berdasarkan Lisensi didistribusikan berdasarkan DASAR "APA ADANYA", TANPA JAMINAN ATAU KETENTUAN DALAM BENTUK APAPUN, baik tersurat maupun tersirat. Lihat Lisensi untuk bahasa tertentu yang mengatur izin dan batasan berdasarkan Lisensi.

Perangkat lunak ini menggabungkan beberapa bagian tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation) yang tercakup dalam Lisensi BSD Zero Clause.

Lisensi ini memerlukan penentuan TradingView sebagai pencipta produk. Anda harus menambahkan "pemberitahuan atribusi" dari file PEMBERITAHUAN dan tautan ke https://www.tradingview.com/ ke halaman situs web atau aplikasi seluler Anda yang tersedia untuk pengguna Anda. Sebagai ucapan terima kasih karena telah menciptakan produk ini, kami akan berterima kasih jika Anda menambahkannya di tempat yang menonjol. Anda dapat menggunakan opsi bagan attributionLogo untuk menampilkan tautan yang sesuai ke https://www.tradingview.com/ pada bagan itu sendiri, yang akan memenuhi persyaratan tautan.

Memperluas

Informasi Tambahan