Skip To Content

تصميم التخطيط الخاص بموقعك

بمجرد تكوين الموقع والبيانات المُضافة، يمكنك تصميم تخطيط صفحة البداية وتخصيص الرأس والذيل. يمكن القيام بذلك من علامة تبويب محرر الموقع. تسمح لك علامة التبويب تصميم الموقع باستخدام المُحرر الموفر أو الاتجاه لأسفل أو HTML المخصص.

نظرة عامة

محرر الموقع هو محرر صفحة كامل يوفر لك قالب موقع يمكنك تعديله لملاءمة تسويق وبيانات موقعك أو إزالته تمامًا للبدء من البداية. قم بالتحويم بمؤشر الماوس على العناصر في الصفحة من أجل نقل العناصر أو إعادة تحديد حجمها أو تحريرها أو حذفها أو انقر على أيقونة الترس في أعلى اليمين لفتح اللوحة الجانبية لمحرر الموقع.

إعدادات العنوان

يمكن إنشاء عنوان الموقع بطريقتين: استخدام عنوان URL لشعار وعنوان موقع (بسيط) أو استخدام HTML مخصص وCSS (متقدم).

    سير عمل بسيط
  1. حدد استخدام الشعار وعنوان الموقع
  2. أدخل العنوان أسفل عنوان الموقع.
  3. أدخل الصورة أسفل عنوان URL الخاص بالشعار. سيتم قياس الصور لملاءمة ارتفاع 50 بكسل.
    سير عمل متقدم
  1. حدد استخدام HTML/CSS مُخصص

    يظهر عنوان افتراضي في الصفحة، كما يظهر مربع CSS في اللوحة الجانبية.

  2. انقر على أيقونة الترس في أعلى يسار العنوان لتحرير HTML.
  3. انقر على أيقونة الترس مرة أخرى لعرض التغييرات.
  4. قم بتعديل مربع CSS في اللوحة الجانبية، ثم انقر على تطبيق التغييرات لرؤية التأثير على HTML.
تنبيه:

لا يدعم HTML الخاص بالعنوان JavaScript المُضمَّن. Script tags will be ignored.

ملاحظة:‏

يتعذر تحرير أو إزالة منطقة البيانات وتسجيل الدخول من أجل الحفاظ على وظائف الموقع.

منشئ الموضوع

تحديد نُسُق الموقع بخيارات الألوان التالية:

  • لون خلفية العنوان - يؤثر على العنوان.
  • لون نص العنوان - يؤثر على نص العنوان.
  • لون خلفية النص - يؤثر على لون صفوف الصفحة الرئيسية الشفافة ولون خلفية صفحة نتائج البحث وصفحات مجموعة البيانات.
  • لون النص الأساسي - يؤثر على لون النص العادي خلال الموقع.
  • لون رابط النص - يؤثر على روابط وأزرار اللون خلال الموقع وحالة تحويم الروابط في العنوان.

تلميح:

يمكن تغيير لون النص بحسب الصف.

مُنشئ التخطيط

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

صف

استخدم الصفوف لإنشاء المخطط الكلي وتعبئة عناصر واجهة المستخدم.

  1. اسحب صفًا من اللوحة الجانبية إلى الصفحة.

    تظهر علامات التحديد على الصفحة لإرشادك.

  2. قم بتحويم مؤشر الماوس على الصف، فتظهر ثلاث أيقونات في الجانب الأيسر: أسهُم لنقل الصف حول الصفحة، وأيقونة ترس للتحرير وحرف x لحذف الصف.
  3. انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  4. قم بتعيين لون نص هذا الصف المحدد.
  5. قم بتعيين إما لون خلفية (تكون شفافة افتراضيًا) أو صورة خلفية.
  6. انقر على رجوع إلى محرر الموقع للرجوع إلى اللوحة الجانبية الرئيسية.

بطاقة الشعار

استخدم الشعارات للعناوين وأشرطة البحث ضمن الموقع.

  1. اسحب عنصر واجهة مستخدم الشعار إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. يمكنك إدخال عنوان وعنوان فرعي.
  4. يمكنك توفير عنوان URL لصورة الخلفية وتعيين أدنى ارتفاع.
  5. يمكنك التأشير على عرض شريط البحث لإضافة شريط بحث إلى عنصر واجهة مستخدم الشعار.
  6. يمكنك التأشير على إضافة إمكانية إلى البحث بواسطة الموقع لإضافة خيار بحث ثانوي للمستخدمين من أجل تصفية النتائج بواسطة الموقع.
  7. يمكنك إضافة نص عنصر نائب للظهور في شرائط البحث.
  8. انقر على رجوع إلى محرر الموقع للرجوع إلى اللوحة الجانبية الرئيسية.

بطاقة الصورة

يمكنك استخدام الصور في المخطط.

  1. اسحب عنصر واجهة مستخدم الصورة إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. قم بتوفير عنوان URL الخاص بالصورة.
  4. قم بتوفير نص بديل للصورة لمساعدة المستخدمين المكفوفين وتحسين إمكانية وصولهم إلى الموقع.
  5. يمكنك توفير تسمية توضيحية بصورة.
  6. اختيارياً، قم بتوفير ارتباط تشعبي لصورة التي ستفتح في إما نفس علامة التبويب أو علامة تبويب جديدة.
  7. انقر على رجوع إلى محرر الموقع للرجوع إلى اللوحة الجانبية الرئيسية.

بطاقة النص

أضف نصًا (لغة ماركداون وHTML) إلى المخطط.

  1. اسحب عنصر واجهة مستخدم النص إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. أدخل نص ماركداون أو نص HTML إلى عنصر واجهة مستخدم النص.
  4. انقر على أيقونة الترس لعرض النص.
تنبيه:

لأغراض أمنية، لا تدعم عناصر واجهة استخدام النص JavaScript المضمنة. سيتم تجاهل علامات البرنامج النصي.

مسموح بعناصر HTML التالية:

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

مسموح بالبيانات الجدولية التالية لتلك العناصر:

All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

بطاقة الفئة

استخدم الفئات لتجميع مجموعات البيانات على موقعك.

  1. اسحب عنصر واجهة مستخدم الفئة إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. قم بتحرير نص الرابط للفئة.
  4. حدد إما الاستعلام عن علامة أو المجموعة.

    سيقوم ذلك بتحديد مجموعات البيانات التي يتم إرجاعها في نتائج البحث عندما ينقر المستخدمون على هذه الفئة.

    • العلامة- أدخل استعلام العلامة. .جميع مجموعات البيانات التي لديها علامة المطابقة على عنصر البوابة الإلكترونية المؤسسية ذات الصلة سيتم إرجاعها في نتائج البحث.
    • المجموعة- حدد مجموعة. سيتم إرجاع كل مجموعات البيانات في هذه المجموعة في نتائج البحث.
  5. اختر أيقونة من المكتبة:
    1. حدد اختيار أيقونة.
    2. اختر أيقونة من الشكل، ثم انقر على حدد.

      تظهر الأيقونة في اللوحة الجانبية.

    3. انقر على المربع الرمادي في يسار الأيقونة لاختيار لون الأيقونة.
  6. استخدم أيقونتك الخاصة:
    1. أدخل عنوان URL للأيقونة.
    2. قم بتوفير نص بديل للأيقونة لمساعدة المستخدمين المكفوفين وتحسين إمكانية وصولهم إلى الموقع.
  7. انقر على رجوع إلى محرر الموقع للرجوع إلى اللوحة الجانبية الرئيسية.
تلميح:

يجب الاحتفاظ بالأيقونات المخصصة كملف .svg أو ملف .png شفاف. سيتم قياس الأيقونات لملاءمة 120x120 بكسل.

بطاقة معلومات الاتصال

قم بتوفير معلومات اتصال لإرسال رسالة عبر البريد الإلكتروني إلى مالك البيانات.

  1. اسحب عنصر واجهة مستخدم جهات الاتصال إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. قم بتوفير عنوان البريد الإلكتروني الخاصة بجهة الاتصال وسطر موضوع البريد الإلكتروني.

    عندما ينقر المستخدمون على البريد الإلكتروني في صفحتك الرئيسية، يتم فتح محرر البريد الإلكتروني تلقائيًا.

  4. انقر على رجوع إلى محرر الموقع للرجوع إلى اللوحة الجانبية الرئيسية.

بطاقة Iframe

تضمين iframes وموارد خارجية.

  1. اسحب عنصر واجهة مستخدم iframe إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. قم بتوفير عنوان URL لـ iframe وارتفاع iframe.
  4. انقر على تطبيق.
تنبيه:

لا تلصق في كود iframe القابل للتضمين من موقع ويب آخر. لا تقم باللصق إلا في عنوان URL الذي تريد تضمينه.

تلميح:

لن تظهر عناوين URL الخاصة بـ Iframe التي تستخدم HTTP في محرر المواقع الذي يستخدم HTTPS. احفظ واعرض موقعك لمراقبة iframe.

بطاقة المخطط

أنشئ مخططات بسيطة مباشرةً من مجموعات البيانات أو أدخل JSON الخاص بمخططك لإنشاء مخطط مخصص.

مخطط شريطي

يتم إنشاء المخططات الشريطية من الاستعلامات إلى مجموعة بيانات محددة ويتم تحديثها تلقائياً عند تحديث مجموعة البيانات.

  1. اسحب عنصر واجهة مستخدم المخطط إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. سيتم تحديد المخطط الشريطي افتراضياً.
  4. انقر فوق (+) إضافة بيانات.
  5. حدد عنصر من خدمات البيانات المتوفرة.
  6. حدد اختر بيانات جدولية للفئة لاختيار عنصر التخطيط الرئيسي من البيانات.

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

  7. اختيارياً اختر البيانات الجدولية للقيمة لاختيار حقل العدد ليعمل في صورة قياس قيمة لبيانات الفئة الجدولية. عند التحديد، تكون العملية الإحصائية الافتراضية على هذا الحقل هي المجموع. يمكنك تغيير العملية الإحصائية باستخدام القائمة المنسدلة على الجانب الأيمن من محدد اختر بيانات القيمة الجدولية . تدعم البيانات الجدولية للقيمة الحد الأدنى، والأقصى، والمجموع، والمتوسط، والعدد. عند تحديد احتساب إلغاء تحديد البيانات الجدولية للقيمة (بسبب عدم وجود حادة لحقل إضافي لاحتساب البيانات الجدولية للفئة).

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

  8. اختيارياً، في القسم خيارات يمكنك تمكين/تعطيل وتخصيص عنوان المخطط , الارتفاع (بالبيكس)، و لافتة تسمية الفئة للمحور x، و لافتة تسمية القيمة للافتة تسمية المحور y.

مخطط دائري

يتم إنشاء مخططات دائرية من الاستعلامات إلى مجموعة بيانات محددة ويتم تحديثها تلقائياً عند تحديث مجموعة البيانات.

  1. اسحب عنصر واجهة مستخدم المخطط إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. حدد المخطط الدائري عند النقر فوق رمز الدائرة.
  4. انقر فوق (+) إضافة بيانات.
  5. حدد عنصر من خدمات البيانات المتوفرة.
  6. حدد اختر بيانات جدولية للفئة لاختيار عنصر التخطيط الرئيسي من البيانات.

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

  7. اختيارياً اختر البيانات الجدولية للقيمة لاختيار حقل العدد ليعمل في صورة قياس قيمة لبيانات الفئة الجدولية. عند التحديد، تكون العملية الإحصائية الافتراضية على هذا الحقل هي المجموع. يمكنك تغيير العملية الإحصائية باستخدام القائمة المنسدلة على الجانب الأيمن من محدد اختر بيانات القيمة الجدولية . تدعم البيانات الجدولية للقيمة الحد الأدنى، والأقصى، والمجموع، والمتوسط، والعدد. عند تحديد احتساب إلغاء تحديد البيانات الجدولية للقيمة (بسبب عدم وجود حادة لحقل إضافي لاحتساب البيانات الجدولية للفئة).

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

  8. اختيارياً، في القسم خيارات يمكنك تمكين/تعطيل وتخصيص عنوان المخطط , الارتفاع (بالبيكسل) لافتة تسمية الفئة للافتة تسمية كل عنصر واجهة الاستخدام الدائرية في تلميحات الأداة، و لافتة تسمية القيمة للافتة تسمية القياس في تلميحات الأداة.

الرسم البياني JSON

يتم إنشاء المخططات المخصصة من JSON باستخدام مواصفات محددة للمخطط.

  1. اسحب عنصر واجهة مستخدم المخطط إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. حدد تجانب JSON
  4. أدخل JSON في الحقل مواصفات المخطط JSON .
  5. اختيارياً، في القسم خيارات يمكنك تمكين/تعطيل وتخصيص عنوان المخطط و الارتفاع (بالبيكسل).

مواصفات JSON

يتيح لك إدخال JSON مخصص إنشاء مخططات مخصصة تقوم بزيادة مكتبة سيدار. يتم إنشاء المواصفات من المكونات التالية:

مجموعات البيانات

يحدد صفيف مجموعات البيانات عنوان URL خدمة معالم ArcGIS ومعلمات الاستعلام. راجع مستندات REST API لمعرفة المزيد عن معلمات الاستعلام.

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

السلاسل

يتيح لك صفيف السلسلة تحديد عمليات التخطيط بين الحقول في استجابة الخدمة والاتجاهات المرئية للمخطط (محوري x وy، لون/حجم مخططات التبعثر، نصف قصر المخططات الدائرية).

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

تجاوز

تتيح لك خاصية التجاوز تحديد التجاوزات المرئية، مثل اللون أو التموضع، في المخطط بأكمله.

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

المواصفات

تتيح خاصية المواصفات إدخال مواصفات Cedar بالكامل لمخطط مخصص تماماً. عرض أمثلة لمواصفات المخطط الحالي.

أمثلة

المخطط الشريطي:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

المخطط الشريطي الأفقي:
{
  "type": "bar-horizontal",  "datasets": [    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",      "name": "Number_of_SUM",      "query": {
        "orderByFields": "Number_of_SUM DESC",        "groupByFieldsForStatistics": "Type",        "outStatistics": [          {
            "statisticType": "sum",            "onStatisticField": "Number_of",            "outStatisticFieldName": "Number_of_SUM"
          }
        ]      }
    }
  ],  "series": [    {
      "category": {"field": "Type", "label": "Type"},      "value": {"field": "Number_of_SUM", "label": "Number of Students"},      "source": "Number_of_SUM"
    }
  ],  "overrides": {
    "categoryAxis": {
      "labelRotation": -45    }
  }
}

المخطط الشريطي المُجمّع:

ملحوظة: ستتطابق كل سلسلة مع 'مجموعة'.

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

مخطط التبعثر:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

مخطط التبعثر الفقاعي:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

مخطط اليوميات

ملحوظة: يجب أن تكون الفئة حقل datetime.

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

البطاقة الإحصائية للملخص

استخدم إحصائيات الملخص لتوفير البيانات سريعًا لمؤشرات الأداء الرئيسي، وغير ذلك. يتم إنشاء حالات الملخص من استعلام مجموعة بيانات، كما يتم تحديثها تلقائيًا أثناء تحديث مجموعة البيانات.

  1. اسحب عنصر واجهة مستخدم إحصائيات الملخص إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. انقر فوق (+) إضافة بيانات التي تقوم بتشغيل منتقى العنصر للعثور على خدمة البيانات من اختيارك.
  4. حدد حقل الإحصائيات لاختيار حقل من الخدمة المحددة. سيتم استخدم هذا الحقل في الخطوات اللاحقة.
  5. حدد نوع الإحصائيات لاختيار نوع العملية لإجرائها على الحقل المحدد
    • في حقول النص والتاريخ - اختر بين العدد أو الحد الأقصى أو الحد الأدنى.
    • في حقول الرقم - اختر بين العدد أو المجموع أو الحد الأدنى أو الحد الأقصى أو متوسط الانحراف المعياري أو التغيُّر.
  6. يمكنك إضافة عامل تصفية إلى الإحصائية:
    1. حدد جدول بيانات لاستخدامه للتصفية.
    2. حدد إضافة.
    3. حدد مربع جدول البيانات الجديد لعرض مدخلات عامل التصفية. سيتغير مربع الإدخال بناءً على نوع الحقل.
    4. أدخل عامل التصفية المطلوب.
    5. انقر خارج مربع التصفية أو اضغط على إدخال في لوحة المفاتيح.
  7. أدخل عنوان.
  8. اختيارياً، أدخل النص الخلفي وقم بتغيير اللون التمييزي للإحصائيات ذاتها.

بطاقة المعرض

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

  1. اسحب عنصر واجهة مستخدم بطاقة المعرض إلى صف حالي.
  2. قم بتحويم مؤشر الماوس على عنصر واجهة المستخدم، ثم انقر على أيقونة الترس للتبديل إلى وضع التحرير.
  3. تظهر خيارات قليلة في الجانب الأيمن. انقر على التطبيقات لرؤية كل التطبيقات داخل المؤسسة تقوم بالرجوع في بطاقة المعرض. انقر على مجموعات البيانات لرؤية كل مجموعات البيانات داخل المؤسسة تقوم بالرجوع في بطاقة المعرض. انقر على المواقع لرؤية كل المواقع في المؤسسة تقوم بالرجوع في بطاقة المعرض.
  4. قم بضبط الرقم في عدد البطاقات المعروضة (الحد الأقصى 16) لتبديل العرض.
  5. واختياريًا، في قسم عرض فقط حدد المجموعة/المجموعات ثم حدد المجموعة/المجموعات المطلوبة لتصفية التطبيقات.
  6. في العلامات، أضف أي علامات لتقييد الاستعلام. لن تظهر إلا العناصر المطابقة لتلك العلامة في بطاقة المعرض.
  7. أدنى النمط، اختر إما استخدام الأيقونات أو استخدام الصور المصغرة لتحديد النمط الذي ستحصل عليه بطاقة المعرض.
  8. قم بتغيير نص الزر للتحكم في الزر. النص الافتراضي المطلوب استكشافه.

إعدادات الذيل

لا يحتوي الوضع الافتراضي لمحرر الموقع على تذييل. يجب عليك إنشاء تذييل مخصص للحصول على تذييل متواصل عبر كل صفحات الموقع.

  1. أدنى إعدادات التذييل، حدد مخصص.

    يظهر تذييل افتراضي في الصفحة، كما يظهر مربع CSS في اللوحة الجانبية.

  2. انقر على أيقونة الترس في أسفل يسار التذييل لتحرير HTML.
  3. انقر على أيقونة الترس مرة أخرى لعرض التغييرات.
  4. قم بتعديل مربع CSS في اللوحة الجانبية، ثم انقر على تطبيق التغييرات لرؤية التأثير على HTML.
تلميح:

لا يدعم HTML الخاص بالتذييل JavaScript المُضمَّن. Script tags will be ignored.

استخدام الاتجاه لأسفل

استخدام لغة ماركداون في عناصر واجهة المستخدم النصية لتخصيص النص في موقعك.

جدول سريع للاتجاه لأسفل

بيانات جدولية

بناء الجملة

رأس الصفحة

# النص هنا للعنوان في المستوى 1 (الأكبر)

## النص هنا للعنوان في المستوى 2

###### النص هنا للعنوان في المستوى 6 (الأصغر)

مائل

هذا يكون *نص مائل* أو _italic text_

عريض

هذا النص يكون **عريض**

دمج الخطوط المائلة والعريضة

*يجمع الخطوط المائلة **و** العريضة*

رابط مع عنوان موضح

http://www.esri.com

ملاحظة:‏

لا تنسى البروتوكول (HTTP أو HTTPS) في مقدمة عناوين URL

رابط بدون عنوان موضح

[your hyperlink text] (http://www.esri.com)

ملاحظة:‏

لا تنسى البروتوكول (HTTP أو HTTPS) في مقدمة عناوين URL

رموز نقطية

* الشيء الأول في قائمة الرموز النقطية

* الشيء الثاني في قائمة الرموز النقطية

قائمة مرتبة

1. الشيء الأول في قائمة مرقمة

1. الشيء الثاني في قائمة مرقمة

إدراج صور

<img src="عنوان URL لمصدر الصورة بما في ذلك HTTP أو HTTPS">

ملاحظة:‏

إذا كان لديك صور في البوابة الإلكترونية المؤسسة، يمكنك أيضاً الاستفادة من عناوين URL ذات صلة مثل "../images/my-amazing-image"

إدراج صورة مع ارتباط تشعبي

<a href="عنوان URL بما في ذلك HTTP أو HTTPS"><img src="عنوان URL لمصدر الصورة بما في ذلك HTTP أو HTTPS"></a>