الرسوم البيانية خفيفة الوزن
v4.2.1
العروض التوضيحية | التوثيق | مجتمع الخلاف | رديت
تعتبر 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 } ,
] ) ;| وشملت التبعيات | وضع | وحدة ES | CommonJS | 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، الإصدار 2.0 ("الترخيص")؛ لا يجوز لك استخدام هذا البرنامج إلا وفقًا للترخيص. يمكنك الحصول على نسخة من الترخيص في ملف الترخيص. ما لم يكن ذلك مطلوبًا بموجب القانون المعمول به أو تم الاتفاق عليه كتابيًا، يتم توزيع البرامج الموزعة بموجب الترخيص على أساس "كما هي"، دون ضمانات أو شروط من أي نوع، سواء كانت صريحة أو ضمنية. راجع الترخيص لمعرفة الأذونات والقيود التي تحكم اللغة المحددة بموجب الترخيص.
يتضمن هذا البرنامج عدة أجزاء من tslib (https://github.com/Microsoft/tslib، (c) Microsoft Corporation) التي يغطيها ترخيص BSD Zero Clause.
يتطلب هذا الترخيص تحديد TradingView كمنشئ المنتج. يجب عليك إضافة "إشعار الإسناد" من ملف الإشعار ورابط إلى https://www.tradingview.com/ إلى صفحة موقع الويب الخاص بك أو تطبيق الهاتف المحمول المتاح لمستخدميك. شكرًا لك على إنشاء هذا المنتج، وسنكون ممتنين إذا قمت بإضافته في مكان بارز. يمكنك استخدام خيار مخطط attributionLogo لعرض رابط مناسب إلى https://www.tradingview.com/ على المخطط نفسه، وهو ما يلبي متطلبات الارتباط.
