แผนภูมิน้ำหนักเบา
v4.2.1
การสาธิต | เอกสารประกอบ | ชุมชน Discord | เรดดิต
TradingView Lightweight Charts™ เป็นหนึ่งในแผนภูมิทางการเงิน HTML5 ที่เล็กที่สุดและเร็วที่สุด
ไลบรารี Lightweight Charts™ เป็นตัวเลือกที่ดีที่สุดสำหรับคุณ หากคุณต้องการแสดงข้อมูลทางการเงินเป็นแผนภูมิเชิงโต้ตอบบนหน้าเว็บของคุณ โดยไม่ส่งผลกระทบต่อความเร็วและประสิทธิภาพในการโหลดหน้าเว็บของคุณ
เป็นตัวเลือกที่ดีที่สุดสำหรับคุณหากคุณต้องการแทนที่แผนภูมิรูปภาพแบบคงที่ด้วยแผนภูมิแบบโต้ตอบ ขนาดของไลบรารีใกล้เคียงกับรูปภาพนิ่ง แต่หากคุณมีแผนภูมิรูปภาพจำนวนมากบนหน้าเว็บ การใช้ไลบรารีนี้จะทำให้ขนาดของหน้าเว็บของคุณเล็กลงได้
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 } ,
] ) ;คุณสามารถใช้ unpkg:
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js
เวอร์ชันสแตนด์อโลนสร้างวัตถุ window.LightweightCharts พร้อมการส่งออกทั้งหมดจากเวอร์ชัน 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 } ,
] ) ;| รวมการพึ่งพา | โหมด | โมดูลอีเอส | สามัญJS | IIFE ( window.LightweightCharts ) |
|---|---|---|---|---|
| เลขที่ | แยง | lightweight-charts.production.mjs | lightweight-charts.production.cjs | ไม่มี |
| เลขที่ | การพัฒนา | lightweight-charts.development.mjs | lightweight-charts.development.cjs | ไม่มี |
| ใช่ (สแตนด์อโลน) | แยง | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| ใช่ (สแตนด์อโลน) | การพัฒนา | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
ดู BUILDING.md สำหรับคำแนะนำเกี่ยวกับวิธีการสร้าง lightweight-charts จากแหล่งที่มา
ได้รับอนุญาตภายใต้ Apache License เวอร์ชัน 2.0 ("ใบอนุญาต"); คุณไม่สามารถใช้ซอฟต์แวร์นี้ได้เว้นแต่จะเป็นไปตามใบอนุญาต คุณสามารถขอรับสำเนาใบอนุญาตได้ที่ไฟล์ LICENSE เว้นแต่กฎหมายที่ใช้บังคับกำหนดหรือตกลงเป็นลายลักษณ์อักษร ซอฟต์แวร์ที่เผยแพร่ภายใต้ใบอนุญาตนี้จะถูกแจกจ่าย "ตามที่เป็น" โดยไม่มีการรับประกันหรือเงื่อนไขใดๆ ทั้งโดยชัดแจ้งหรือโดยนัย ดูใบอนุญาตสำหรับภาษาเฉพาะที่ควบคุมการอนุญาตและข้อจำกัดภายใต้ใบอนุญาต
ซอฟต์แวร์นี้รวมหลายส่วนของ tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation) ที่ได้รับการคุ้มครองโดย BSD Zero Clause License
ใบอนุญาตนี้ต้องระบุ TradingView เป็นผู้สร้างผลิตภัณฑ์ คุณจะต้องเพิ่ม "ประกาศการระบุแหล่งที่มา" จากไฟล์ประกาศและลิงก์ไปยัง https://www.tradingview.com/ ไปยังหน้าเว็บไซต์หรือแอปพลิเคชันมือถือของคุณที่ผู้ใช้ของคุณสามารถใช้ได้ ขอขอบคุณที่สร้างผลิตภัณฑ์นี้ เราจะยินดีอย่างยิ่งหากคุณเพิ่มผลิตภัณฑ์ดังกล่าวในตำแหน่งที่โดดเด่น คุณสามารถใช้ตัวเลือกแผนภูมิ attributionLogo เพื่อแสดงลิงก์ที่เหมาะสมไปยัง https://www.tradingview.com/ บนแผนภูมิ ซึ่งจะเป็นไปตามข้อกำหนดของลิงก์
