تمت ترجمة هذه الصفحة بواسطة Cloud Translation API‏.

التمثيل البصري: المؤشر الخطي الصغير (صورة)

ملاحظة مهمة: لقد تم إيقاف جزء "مخططات الصور" في "أدوات مخططات Google" رسميًا اعتبارًا من 20 نيسان (أبريل) 2012. وسيبقى بإمكانك استخدامه وفقًا لسياسة الإيقاف المتّبعة لدينا.

Overview
مثال
جارٍ التحميل
تنسيق البيانات
خيارات الإعداد
الطُرق
الأحداث
سياسة البيانات

نظرة عامة

خطوط مؤشر فردية أو متعددة يتم عرضها مع الصور باستخدام Google Charts API. يتم تضمين الصور في جدول HTML.

مثال

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["imagesparkline"]});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
         ['Revenue', 'Licenses'],
         [435, 132],
         [438, 131],
         [512, 137],
         [460, 142],
         [491, 140],
         [487, 139],
         [552, 147],
         [511, 146],
         [505, 151],
         [509, 149]
        ]);

        var chart = new google.visualization.ImageSparkLine(document.getElementById('chart_div'));

        chart.draw(data, {width: 120, height: 40, showAxisLines: false,  showValueLabels: false, labelPosition: 'left'});
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 120px; height: 40px;"></div>
  </body>
</html>

جارٍ التحميل

اسم حزمة "google.charts.load" هو "imagesparkline".

  google.charts.load("current", {packages: ["imagesparkline"]});

اسم فئة العرض المرئي هو google.visualization.ImageSparkLine.

  var visualization = new google.visualization.ImageSparkLine(container);

تنسيق البيانات

أي عدد من الأعمدة. يجب أن تكون جميع الأعمدة أرقامًا. يتم عرض كل عمود كخط مؤشر واحد.

خيارات الضبط

الاسم	النوع	القيمة التلقائية	الوصف
اللون	سلسلة		تحدد هذه السمة لونًا لاستخدامه في جميع الرسومات البيانية. سلسلة بالتنسيق #rrggbb. على سبيل المثال: "#00cc00". يتم استخدام الإذن فقط في حال عدم تحديد الخيار `colors`.
الألوان	مصفوفة من السلاسل	الألوان التلقائية	الألوان المراد استخدامها لأعمدة البيانات. صفيف من السلاسل يكون فيها كل عنصر عبارة عن سلسلة بالتنسيق #rrggbb. على سبيل المثال: "#00cc00". يُستخدم اللون i لعمود البيانات i. إذا كان عدد الألوان أصغر من عدد الأعمدة، سيتضمّن كل تنسيق ألوانًا مختلفة.
fill	boolean	false	إذا كانت القيمة هي true، سيتم ملء المنطقة الموجودة أسفل الخط بالألوان.
الطول	الرقم	ارتفاع الحاوية	ارتفاع الصور بالبكسل
labelPosition	سلسلة	لا ينطبق	تمثّل هذه السمة موضع التصنيفات. القيم المسموح بها هي 'none' و'left' و'right'.
الحد الأقصى	مصفوفة أرقام	الحد الأقصى لقيمة البيانات لكل خط مؤشر	أعلى قيمة لنطاق قيمة البيانات لكل خط مؤشر. يجب أن يتطابق الفهرس في الصفيف مع فهرس العمود في DataTable. إذا كانت كل القيم فارغة، ستكون هذه القيمة هي الحدّ الأقصى للقيمة في السلسلة.
دقيقة	مصفوفة أرقام	الحد الأدنى لقيمة البيانات لكل خط مؤشر	أدنى قيمة لنطاق قيمة البيانات لكل خط مؤشر. يجب أن يتطابق الفهرس في الصفيف مع فهرس العمود في DataTable. إذا كانت كل القيم فارغة، سيكون ذلك هو الحدّ الأدنى للقيمة في السلسلة.
showAxisLines	boolean	صحيح	إذا كانت القيمة هي true، سيتم عرض خطوط المحور. إذا كانت القيمة "false"، لا تكون كذلك، ويكون القيمة التلقائية لـ showValuelabel هي "خطأ".
showValueLabels	boolean	true، إلا إذا كانت قيمة showAxisLines false.	إذا كانت القيمة هي true، سيتم عرض تصنيفات محور القيمة.
title	مصفوفة من السلاسل	لا يتم عرض أي عناوين	العناوين التي يتم استخدامها لكل خط مؤشر
العرض	الرقم	عرض الحاوية	عرض الرسوم البيانية بالبكسل.
التصميم	سلسلة	"v"	التخطيط العمودي أو الأفقي: "v" للوضع العمودي، و"h" للوضع الأفقي.

الطُرق

الطريقة	نوع القيمة التي يتم عرضها	الوصف
`draw(data, options)`	لا ينطبق	لرسم الرسم البياني.
`getSelection()`	مصفوفة عناصر الاختيار	تعرض فهارس الرسوم البيانية المحددة كمصفوفة من العناصر. يحتوي كل عنصر على سمة عمود تحتوي على رقم عمود خط المؤشر المحدّد. يمكن أن تعرض أكثر من عمود محدّد.
`setSelection(selection)`	لا ينطبق	لاختيار خطوط المؤشرات المحدّدة، وإلغاء اختيار أي خط مؤشر غير محدّد. التحديد عبارة عن مصفوفة من الكائنات، لكل منها سمة `column` رقمية، وهي فهرس خط المؤشر المحدد. يمكنك الاطّلاع على `setSelection()` للحصول على مزيد من المعلومات.

الأحداث

الاسم	الوصف	أماكن إقامة
اختيار	حدث اختيار عادي.	لا ينطبق

سياسة البيانات

يُرجى الرجوع إلى سياسة التسجيل في Chart API.