اذهب إلى المحتوى
  • 0

استفسار حول استخدام Plotly.js و console.table في VSCode

Ahmed Ebrahim11

السؤال

السلام عليكم لدي استفساران

1- كيف استعمل ploty.js مع العلم انا اعرف ولكنها تظهر عندما افتح المتصفح فقط وانا اريد اظهارها ف output ف VSCODE

2-كيف يممكني التحكم ف الجدول باستعمال امر مثل console.table كان اضع عنوان له وغيره الجدول ف output موضح بالصوره 

Screenshot (427).png

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

1- لكي تظهر رسم بياني من Plotly.js في output في VSCode، تستطيع استخدام مكتبة "plotly-nodejs" والتي تسمح بإنشاء رسوم بيانية من Plotly.js دون الحاجة إلى فتح المتصفح.

ولتثبيت هذه المكتبة باستخدام npm، اكتب الأمر التالي:

npm install plotly-nodejs

ثم يمكنك استخدام الكود التالي كمثال لإنشاء رسم بياني من Plotly.js وطباعته في output في VSCode:

const plotly = require('plotly-nodejs');

const data = [
  {
    x: [1, 2, 3],
    y: [4, 5, 6],
    type: 'scatter'
  }
];

const layout = {
  title: 'My Plotly Chart'
};

plotly.plot(data, layout).then((figure) => {
  console.log(figure);
}).catch((err) => {
  console.error(err);
});

2- لا يمكن التحكم في جدول Console باستخدام أوامر Console مثل console.table لأنها تتحكم فقط في كيفية طباعة البيانات في Console.

ومع ذلك، تستطيع استخدام مكتبات Node.js مثل "cli-table" لإنشاء جداول مع تحكم كامل في التنسيق والعرض. ولتثبيت هذه المكتبة باستخدام npm، اكتب الأمر التالي:

npm install cli-table

وتستطيع استخدام الكود التالي كمثال لإنشاء جدول وطباعته في output في VSCode:

const Table = require('cli-table');

const table = new Table({
  head: ['Name', 'Age', 'Gender'],
  style: {
    head: ['green'],
    border: ['white']
  }
});

table.push(
  ['John', 30, 'Male'],
  ['Jane', 25, 'Female'],
  ['Bob', 45, 'Male']
);

console.log(table.toString());

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...