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

التمثيل البصري: رسم بياني دائري (صورة)

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

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

نظرة عامة

مخطط دائري يتم عرضه كصورة باستخدام واجهة برمجة تطبيقات مخططات Google.

مثال

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

      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',        11],
          ['Eat',         2],
          ['Commute',     2],
          ['Watch TV',    2],
          ['Sleep',       7]
        ]);

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

        chart.draw(data, {width: 430, height: 240, title: 'My Daily Activities'});
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 400px; height: 240px;"></div>
  </body>
</html>

جارٍ التحميل

اسم الحزمة google.charts.load هو "imagepiechart":

  google.charts.load('current', {packages: ['imagepiechart']});

اسم فئة التمثيل البصري هو google.visualization.ImagePieChart

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

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

عمودان. يجب أن يكون العمود الأول إحدى السلاسل وأن يحتوي على تسمية الشرائح. يجب أن يكون العمود الثاني رقمًا، وأن يحتوي على قيمة الشريحة.

خيارات الضبط

يمكنك تحديد الخيارات التالية كجزء من الكائن options الذي يتم تمريره إلى طريقة draw() للتمثيل البصري.

الاسم	النوع	القيمة التلقائية	الوصف
لون الخلفية	سلسلة	'#FFFFFF' (أبيض)	لون خلفية الرسم البياني بتنسيق لون واجهة برمجة التطبيقات للرسم البياني.
لون	سلسلة	تلقائي	لتحديد لون أساسي لاستخدامه في جميع السلاسل، وستكون كل سلسلة تدرجًا للون محدّد. يتم تحديد الألوان في تنسيق لون واجهة برمجة التطبيقات للرسم البياني. يتم التجاهل إذا تم تحديد `colors`.
ألوان	مصفوفة<string>	تلقائي	استخدِم هذا الإعداد لتخصيص ألوان محدّدة لكل سلسلة بيانات. ويتم تحديد الألوان بالتنسيق اللوني لواجهة برمجة تطبيقات الرسم البياني. يُستخدم اللون i لعمود البيانات i، مع الالتفاف حول بدايته إذا كان عدد أعمدة البيانات أكبر من عدد الألوان. إذا كانت الصيغ ذات اللون الواحد مقبولة لجميع السلاسل، استخدِم الخيار `color` بدلاً من ذلك.
تمكين الأحداث	منطقي	خطأ	يتسبب في عرض المخططات لأحداث من إنشاء المستخدم مثل النقر أو الماوس. غير متاح إلا لأنواع محددة من المخططات. راجع الأحداث أدناه.
الارتفاع	number	ارتفاع الحاوية	ارتفاع المخطط بالبكسل.
ثلاثية الأبعاد	منطقي	خطأ	في حال ضبط هذه السياسة على "صحيح"، يتم عرض رسم بياني ثلاثي الأبعاد.
تصنيفات	سلسلة	"لا شيء"	التصنيف الذي يتم عرضه لكل شريحة، إن وُجد. اختر من القيم التالية: "لا شيء" - لا توجد تصنيفات. 'value' - استخدم قيمة الشريحة كتصنيف. 'name' - استخدم اسم الشريحة (اسم العمود).
أسطورة	سلسلة	'لليمين'	موقع التسمية التوضيحية على الرسم البياني. اختَر إحدى القيم التالية: 'top', 'bottom', 'left', 'right', 'none'.
العنوان	سلسلة	بلا عنوان	النص المطلوب عرضه أعلى المخطط.
width	number	عرض الحاوية	عرض المخطط بالبكسل.

الطرق

الطريقة	نوع القيمة التي يتم عرضها	الوصف
`draw(data, options)`	لا ينطبق	لرسم المخطط.

الأحداث

يمكنك التسجيل لسماع الأحداث الموضّحة في صفحة مخطّط الصور العام.

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

يُرجى الرجوع إلى سياسة تسجيل واجهة برمجة التطبيقات للرسم البياني.