> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-mintlify-fbfa8bee.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# لوحات المعلومات

> تتيح ميزة لوحات المعلومات في SQL Console جمع التصورات من الاستعلامات المحفوظة ومشاركتها.

export const Image = ({img, alt, size}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

export const galaxyOnClick = eventName => () => {
  try {
    if (typeof window !== "undefined" && window.galaxy && eventName) {
      window.galaxy.track(eventName, {
        interaction: "click"
      });
    }
  } catch (e) {}
};

export const BetaBadge = ({link, galaxyTrack, galaxyEvent}) => {
  if (link) {
    return <a href={link} target="_blank" rel="noopener noreferrer" className="betaBadge" onClick={galaxyTrack && galaxyEvent ? galaxyOnClick(galaxyEvent) : undefined}>
                <Icon />
                <span>Beta</span>
            </a>;
  }
  return <div className="betaBadge">
            <Icon />
            <span>
                ميزة Beta. 
                <u>
                    <a href="/docs/beta-and-experimental-features#beta-features">
                        مزيد من المعلومات.
                    </a>
                </u>
            </span>
        </div>;
};

تتيح لك ميزة لوحات المعلومات في SQL Console جمع التصورات من الاستعلامات المحفوظة ومشاركتها. ابدأ بحفظ الاستعلامات وإنشاء تصورات لها، ثم أضف تصورات الاستعلامات إلى لوحة معلومات واجعلها تفاعلية باستخدام معلمات الاستعلام.

<div id="core-concepts">
  ## المفاهيم الأساسية
</div>

<div id="query-sharing">
  ### مشاركة الاستعلامات
</div>

لمشاركة لوحة المعلومات مع زملائك، احرص على مشاركة الاستعلام المحفوظ الأساسي. ولعرض أي تصور بياني، يجب أن تكون لديك، كحد أدنى، صلاحية قراءة فقط على الاستعلام المحفوظ الأساسي.

<div id="interactivity">
  ### التفاعلية
</div>

استخدم [معلمات الاستعلام](/ar/reference/syntax#defining-and-using-query-parameters) لجعل لوحة المعلومات تفاعلية. على سبيل المثال، يمكنك إضافة معلمة استعلام إلى عبارة `WHERE` لتعمل كعامل تصفية.

يمكنك إظهار حقل إدخال معلمة الاستعلام أو إخفاءه عبر اللوحة الجانبية لعوامل التصفية **Global**، وذلك باختيار النوع “filter” في إعدادات التصور. ويمكنك أيضًا إظهار حقل إدخال معلمة الاستعلام أو إخفاءه من خلال الربط بكائن آخر (مثل جدول) في لوحة المعلومات. يُرجى الرجوع إلى قسم “[تهيئة عامل تصفية](/ar/products/cloud/features/sql-console-features/dashboards#configure-a-filter)” في دليل البدء السريع أدناه.

<div id="quick-start">
  ## البدء السريع
</div>

لننشئ لوحة معلومات لمراقبة خدمة ClickHouse الخاصة بنا باستخدام جدول النظام [query\_log](/ar/reference/system-tables/query_log).

<div id="quick-start">
  ## البدء السريع
</div>

<div id="create-a-saved-query">
  ### إنشاء استعلام محفوظ
</div>

إذا كانت لديك بالفعل استعلامات محفوظة تريد عرضها بصريًا، فيمكنك تخطي هذه الخطوة.

افتح علامة تبويب استعلام جديدة. لنكتب استعلامًا لحساب حجم الاستعلامات حسب اليوم على خدمة باستخدام جداول النظام في ClickHouse:

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/2_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=1ed124ab11446e593c7c28df6158b664" size="md" alt="إنشاء استعلام محفوظ" border width="1600" height="1372" data-path="images/cloud/dashboards/2_dashboards.png" />

يمكننا عرض نتائج الاستعلام بتنسيق جدول أو البدء في إنشاء تصورات من عرض المخطط. في الخطوة التالية، سنمضي قدمًا ونحفظ الاستعلام باسم `queries over time`:

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/3_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=739e1ec46a83f51cc3cc862f5bcc14af" size="md" alt="حفظ الاستعلام" border width="1274" height="484" data-path="images/cloud/dashboards/3_dashboards.png" />

يمكن العثور على مزيد من الوثائق حول الاستعلامات المحفوظة في [قسم Saving a Query](/ar/products/cloud/features/sql-console-features/sql-console#saving-a-query).

يمكننا إنشاء استعلام آخر وحفظه، وهو `query count by query kind`، لحساب عدد الاستعلامات حسب نوع الاستعلام. إليك تصورًا على شكل مخطط شريطي للبيانات في SQL Console.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/4_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=52f8ee8c6223173edfc05bf6be9538d3" size="md" alt="تصور بمخطط شريطي لنتائج استعلام" border width="1438" height="1600" data-path="images/cloud/dashboards/4_dashboards.png" />

الآن بعد أن أصبح لدينا استعلامان، لننشئ لوحة معلومات لعرض هذه الاستعلامات وتجميعها.

<div id="create-a-dashboard">
  ### إنشاء لوحة معلومات
</div>

انتقل إلى لوحة لوحات المعلومات، ثم انقر على “New Dashboard”. بعد تسمية اللوحة، تكون قد أنشأت أول لوحة معلومات بنجاح!

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/5_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=46d0acc1dbc3a642b49198584ed4541d" size="md" alt="إنشاء لوحة معلومات جديدة" border width="1466" height="778" data-path="images/cloud/dashboards/5_dashboards.png" />

<div id="add-a-visualization">
  ### إضافة تصور
</div>

هناك استعلامان محفوظان، `queries over time` و`query count by query kind`. لنعرض الأول كمخطط خطي. امنح التصور عنوانًا وعنوانًا فرعيًا، وحدد الاستعلام المطلوب عرضه. بعد ذلك، اختر نوع المخطط “Line”، وعيّن المحورين x وy.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/6_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=9698ff5b7a09bc94b20b3bf789fdcb5d" size="md" alt="إضافة تصور" border width="1600" height="1097" data-path="images/cloud/dashboards/6_dashboards.png" />

هنا، يمكنك أيضًا إجراء تغييرات إضافية على النمط، مثل تنسيق الأرقام، وتخطيط وسيلة الإيضاح، وتسميات المحاور.

بعد ذلك، لنعرض الاستعلام الثاني في جدول، ثم ضعه أسفل المخطط الخطي.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/7_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=b8cb1a0ff7189f92fad2a2beab6d824a" size="md" alt="عرض نتائج الاستعلام في جدول" border width="1600" height="1048" data-path="images/cloud/dashboards/7_dashboards.png" />

لقد أنشأت أول لوحة معلومات لك عبر عرض استعلامين محفوظين!

<div id="configure-a-filter">
  ### تهيئة عامل تصفية
</div>

لنجعل لوحة المعلومات هذه تفاعلية بإضافة عامل تصفية على نوع الاستعلام، بحيث يمكنك عرض الاتجاهات المرتبطة باستعلامات Insert فقط. سننجز هذه المهمة باستخدام [معلمات الاستعلام](/ar/reference/syntax#defining-and-using-query-parameters).

انقر على النقاط الثلاث بجوار المخطط الخطي، ثم انقر على زر القلم بجوار الاستعلام لفتح محرر الاستعلام المضمن. هنا، يمكننا تعديل الاستعلام المحفوظ الأساسي مباشرةً من لوحة المعلومات.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/8_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=c706d168ea4c9b11c8f70f79fc9f2297" size="md" alt="حرّر الاستعلام الأساسي" border width="1115" height="1600" data-path="images/cloud/dashboards/8_dashboards.png" />

الآن، عند الضغط على زر تشغيل الاستعلام الأصفر، سترى الاستعلام نفسه من الخطوة السابقة بعد تصفيته لعرض استعلامات insert فقط. انقر على زر الحفظ لتحديث الاستعلام. وعندما تعود إلى إعدادات المخطط، ستتمكن من تصفية المخطط الخطي.

الآن، باستخدام Global Filters في الشريط العلوي، يمكنك تشغيل عامل التصفية أو إيقافه بتغيير قيمة الإدخال.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/9_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=e3c8c3ab0b1e589d5a12fde9c2ac20cc" size="md" alt="اضبط عوامل التصفية العامة" border width="1600" height="1045" data-path="images/cloud/dashboards/9_dashboards.png" />

لنفترض أنك تريد ربط عامل تصفية المخطط الخطي بالجدول. يمكنك القيام بذلك بالعودة إلى إعدادات التصور، وتغيير مصدر قيمة معلمة الاستعلام query\_kind إلى جدول، ثم تحديد العمود query\_kind بوصفه الحقل المراد ربطه.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/10_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=57ebf2709a661b3b28b8e7a01b9762c8" size="md" alt="تغيير معلمة الاستعلام" border width="1600" height="1045" data-path="images/cloud/dashboards/10_dashboards.png" />

الآن، يمكنك التحكم في عامل التصفية على المخطط الخطي مباشرةً من جدول queries by kind لجعل لوحة المعلومات تفاعلية.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/TCLsdkFwl4CgDiNY/images/cloud/dashboards/11_dashboards.png?fit=max&auto=format&n=TCLsdkFwl4CgDiNY&q=85&s=7986e765eb79e3f0dfcceb82bad71710" size="md" alt="تحكم في عامل التصفية على المخطط الخطي" border width="1600" height="1012" data-path="images/cloud/dashboards/11_dashboards.png" />