Class PieChartBuilder

PieChartBuilder

أداة إنشاء المخططات الدائرية. لمزيد من التفاصيل، راجع مستندات "مخططات Google".

فيما يلي مثال يوضح كيفية إنشاء مخطط دائري. يتم استيراد البيانات من جدول بيانات Google.

  // Get sample data from a spreadsheet.
  var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' +
      '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1';

  var chartBuilder = Charts.newPieChart()
      .setTitle('World Population by Continent')
      .setDimensions(600, 500)
      .set3D()
      .setDataSourceUrl(dataSourceUrl);

  var chart = chartBuilder.build();

الطُرق

الطريقةنوع القيمة التي يتم إرجاعهاوصف قصير
build()Chartيبني المخطط.
reverseCategories()PieChartBuilderلعكس رسم السلسلة في محور النطاق.
set3D()PieChartBuilderلتعيين المخطط ليكون ثلاثي الأبعاد.
setBackgroundColor(cssValue)PieChartBuilderلضبط لون الخلفية للرسم البياني.
setColors(cssValues)PieChartBuilderلضبط ألوان الخطوط في الرسم البياني
setDataSourceUrl(url)PieChartBuilderتحدِّد عنوان URL لمصدر البيانات المستخدَم لسحب البيانات من مصدر خارجي مثل "جداول بيانات Google".
setDataTable(tableBuilder)PieChartBuilderتُستخدم هذه السياسة في تحديد جدول البيانات في الرسم البياني باستخدام أداة DataTableBuilder.
setDataTable(table)PieChartBuilderتعيين جدول البيانات الذي يحتوي على خطوط المخطط، بالإضافة إلى تصنيفات المحور س.
setDataViewDefinition(dataViewDefinition)PieChartBuilderلتعيين تعريف عرض البيانات لاستخدامه مع الرسم البياني.
setDimensions(width, height)PieChartBuilderلضبط الأبعاد للرسم البياني.
setLegendPosition(position)PieChartBuilderتعيين موضع وسيلة الإيضاح بالنسبة إلى الرسم البياني.
setLegendTextStyle(textStyle)PieChartBuilderلتعيين نمط النص لوسيلة الإيضاح للرسم البياني.
setOption(option, value)PieChartBuilderضبط الخيارات المتقدمة لهذا الرسم البياني
setTitle(chartTitle)PieChartBuilderلضبط عنوان الرسم البياني.
setTitleTextStyle(textStyle)PieChartBuilderضبط نمط النص لعنوان الرسم البياني

الوثائق التفصيلية

build()

يبني المخطط.

استرجاع الكرة

Chart: كائن رسم بياني يمكن تضمينه في المستندات أو عناصر واجهة المستخدم أو استخدامه كصورة ثابتة.


reverseCategories()

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

// Creates a pie chart builder and sets drawing of the slices in a counter-clockwise manner.
var builder = Charts.newPieChart();
builder.reverseCategories();

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


set3D()

لتعيين المخطط ليكون ثلاثي الأبعاد.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setBackgroundColor(cssValue)

لضبط لون الخلفية للرسم البياني.

// Creates a line chart builder and sets the background color to gray
var builder = Charts.newLineChart();
builder.setBackgroundColor("gray");

المَعلمات

الاسمTypeالوصف
cssValueStringقيمة CSS للون (مثل "blue" أو "#00f").

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setColors(cssValues)

لضبط ألوان الخطوط في الرسم البياني

// Creates a line chart builder and sets the first two lines to be drawn in green and red,
// respectively.
var builder = Charts.newLineChart();
builder.setColors(["green", "red"]);

المَعلمات

الاسمTypeالوصف
cssValuesString[]مصفوفة من قيم CSS للألوان، مثل ["red", "#acf"]. ويمثّل العنصر nth في الصفيف لون السطر nth في الرسم البياني.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setDataSourceUrl(url)

تحدِّد عنوان URL لمصدر البيانات المستخدَم لسحب البيانات من مصدر خارجي مثل "جداول بيانات Google". في حال تقديم عنوان URL لمصدر البيانات وجدول بيانات، سيتم تجاهل عنوان URL لمصدر البيانات.

للتعرُّف على المزيد من المعلومات عن تنفيذ طلبات بحث في مصادر البيانات، راجِع مستندات مخططات Google.

المَعلمات

الاسمTypeالوصف
urlStringعنوان URL لمصدر البيانات، بما في ذلك أيّ مَعلمات طلب بحث.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setDataTable(tableBuilder)

تُستخدم هذه السياسة في تحديد جدول البيانات في الرسم البياني باستخدام أداة DataTableBuilder. هذه طريقة سهلة لإعداد جدول البيانات بدون الحاجة إلى طلب البيانات من build().

المَعلمات

الاسمTypeالوصف
tableBuilderDataTableBuilderإحدى أدوات إنشاء جداول البيانات. يتم إنشاء جدول بيانات جديد بشكل فوري كجزء من هذا الطلب، لذا لن تظهر أي تعديلات أخرى يتم إجراؤها على أداة الإنشاء في الرسم البياني.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setDataTable(table)

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

المَعلمات

الاسمTypeالوصف
tableDataTableSourceجدول البيانات المطلوب استخدامه في الرسم البياني

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setDataViewDefinition(dataViewDefinition)

لتعيين تعريف عرض البيانات لاستخدامه مع الرسم البياني.

المَعلمات

الاسمTypeالوصف
dataViewDefinitionDataViewDefinitionتمثّل هذه السمة عنصر تعريف عرض البيانات الذي يحدّد العرض الذي يجب اشتقاقه من مصدر البيانات المحدّد لرسم الرسم البياني.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setDimensions(width, height)

لضبط الأبعاد للرسم البياني.

المَعلمات

الاسمTypeالوصف
widthIntegerتمثّل هذه السمة عرض الرسم البياني بالبكسل.
heightIntegerتمثّل هذه السمة ارتفاع الرسم البياني بالبكسل.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setLegendPosition(position)

تعيين موضع وسيلة الإيضاح بالنسبة إلى الرسم البياني. وبشكل افتراضي، لا توجد وسيلة إيضاح.

// Creates a line chart builder and sets the legend position to right.
var builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

المَعلمات

الاسمTypeالوصف
positionPositionموضع وسيلة الإيضاح.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setLegendTextStyle(textStyle)

لتعيين نمط النص لوسيلة الإيضاح للرسم البياني.

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

المَعلمات

الاسمTypeالوصف
textStyleTextStyleنمط النص المطلوب استخدامه في وسيلة إيضاح الرسم البياني.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setOption(option, value)

ضبط الخيارات المتقدمة لهذا الرسم البياني اطّلع على الخيارات المتاحة لهذا المخطط. ليس لهذه الطريقة تأثير إذا كان الخيار المحدّد غير صالح.

// Build a pie chart with a pretty legend.
var builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
var chart = builder.build();

المَعلمات

الاسمTypeالوصف
optionStringخيار التعيين.
valueObjectالقيمة المطلوب ضبطها.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setTitle(chartTitle)

لضبط عنوان الرسم البياني. يتم عرض العنوان في الوسط أعلى الرسم البياني.

// Creates a line chart builder and title to 'My Line Chart'.
var builder = Charts.newLineChart();
builder.setTitle('My Line Chart')

المَعلمات

الاسمTypeالوصف
chartTitleStringعنوان المخطط.

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل


setTitleTextStyle(textStyle)

ضبط نمط النص لعنوان الرسم البياني

// Creates a line chart builder and sets it up for a  blue, 26-point title.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

المَعلمات

الاسمTypeالوصف
textStyleTextStyleنمط النص المطلوب استخدامه لعنوان الرسم البياني. يمكنك إنشاء كائن TextStyleBuilder من خلال طلب Charts.newTextStyle().

استرجاع الكرة

PieChartBuilder: أداة الإنشاء هذه مفيدة للسلاسل