Class Charts

قائمة الأغاني الرائجة

نقطة دخول لإنشاء الرسوم البيانية في النصوص البرمجية

يقوم هذا المثال بإنشاء جدول بيانات أساسي، وملء مخطط مساحي بالبيانات، وإضافته في صفحة ويب كصورة:

function doGet() {
  var data = Charts.newDataTable()
      .addColumn(Charts.ColumnType.STRING, "Month")
      .addColumn(Charts.ColumnType.NUMBER, "In Store")
      .addColumn(Charts.ColumnType.NUMBER, "Online")
      .addRow(["January", 10, 1])
      .addRow(["February", 12, 1])
      .addRow(["March", 20, 2])
      .addRow(["April", 25, 3])
      .addRow(["May", 30, 4])
      .build();

  var chart = Charts.newAreaChart()
      .setDataTable(data)
      .setStacked()
      .setRange(0, 40)
      .setTitle("Sales per Month")
      .build();

   var htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
   var imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
   var imageUrl = "data:image/png;base64," + encodeURI(imageData);
   htmlOutput.append("Render chart server side: <br/>");
   htmlOutput.append("<img border=\"1\" src=\"" + imageUrl + "\">");
   return htmlOutput;
}

أماكن إقامة

الموقعالنوعالوصف
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyتعداد يوضح كيفية التعبير عن السمات المخفية في مصدر معيّن في رسم بياني.
ChartMergeStrategyChartMergeStrategyتعداد لكيفية التعبير عن النطاقات المتعددة في المصدر في رسم بياني.
ChartTypeChartTypeتعداد أنواع الرسوم البيانية التي تتوافق مع خدمة المخططات.
ColumnTypeColumnTypeتعداد لأنواع البيانات الصالحة للأعمدة في DataTable.
CurveStyleCurveStyleتعداد أنماط المنحنيات في رسم بياني.
PointStylePointStyleتعداد أنماط النقاط في خط.
PositionPositionتعداد مواضع وسائل الإيضاح داخل مخطط.

الطُرق

الطريقةنوع الإرجاعوصف قصير
newAreaChart()AreaChartBuilderالبدء في إنشاء رسم بياني مساحي، كما هو موضّح في مخطط Google الوثائق والأدوات.
newBarChart()BarChartBuilderالبدء في إنشاء رسم بياني شريطي، كما هو موضَّح في مخطط Google الوثائق والأدوات.
newColumnChart()ColumnChartBuilderالبدء في إنشاء رسم بياني عمودي، كما هو موضّح في مخطط Google الوثائق والأدوات.
newDataTable()DataTableBuilderتُنشئ جدول بيانات فارغًا، يمكن ضبط قيمه يدويًا.
newDataViewDefinition()DataViewDefinitionBuilderتنشئ تعريفًا جديدًا لعرض البيانات.
newLineChart()LineChartBuilderالبدء في إنشاء رسم بياني خطي، كما هو موضّح في مخطط Google الوثائق والأدوات.
newPieChart()PieChartBuilderالبدء في إنشاء رسم بياني دائري، كما هو موضّح في مخطط Google الوثائق والأدوات.
newScatterChart()ScatterChartBuilderالبدء في إنشاء رسم بياني بالنقاط المبعثرة، كما هو موضّح في مخطط Google الوثائق والأدوات.
newTableChart()TableChartBuilderالبدء في إنشاء رسم بياني جدولي، كما هو موضّح في مخطط Google الوثائق والأدوات.
newTextStyle()TextStyleBuilderتنشئ أداة إنشاء نمط نص جديدة.

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

newAreaChart()

البدء في إنشاء رسم بياني مساحي، كما هو موضّح في مخطط Google الوثائق والأدوات.

الإرجاع

AreaChartBuilder — أداة SiteChartBuilder التي يمكن استخدامها لإنشاء رسم بياني مساحي.


newBarChart()

البدء في إنشاء رسم بياني شريطي، كما هو موضَّح في مخطط Google الوثائق والأدوات.

الإرجاع

BarChartBuilder — BarChartBuilder الذي يمكن استخدامه لإنشاء رسم بياني شريطي


newColumnChart()

البدء في إنشاء رسم بياني عمودي، كما هو موضّح في مخطط Google الوثائق والأدوات.

الإرجاع

ColumnChartBuilder — ColumnChartBuilder، الذي يمكن استخدامه لإنشاء رسم بياني عمودي


newDataTable()

تُنشئ جدول بيانات فارغًا، يمكن ضبط قيمه يدويًا.

تحتفظ جداول البيانات بالبيانات لجميع أنواع الرسوم البيانية.

الإرجاع

DataTableBuilder — أداة DataTableBuilder التي يمكنها الاحتفاظ ببيانات الرسوم البيانية


newDataViewDefinition()

تنشئ تعريفًا جديدًا لعرض البيانات.

استخدم أدوات التصنيف لتحديد الخصائص المختلفة لعرض البيانات.

الإرجاع

DataViewDefinitionBuilder — أداة DataViewDefinitionBuilder التي يمكن استخدامها لإنشاء تعريف لعرض البيانات.


newLineChart()

البدء في إنشاء رسم بياني خطي، كما هو موضّح في مخطط Google الوثائق والأدوات.

الإرجاع

LineChartBuilder — أداة LineChartBuilder التي يمكن استخدامها لإنشاء رسم بياني خطي.


newPieChart()

البدء في إنشاء رسم بياني دائري، كما هو موضّح في مخطط Google الوثائق والأدوات.

الإرجاع

PieChartBuilder — أي PieChartBuilder يمكن استخدامه لإنشاء رسم بياني دائري.


newScatterChart()

البدء في إنشاء رسم بياني بالنقاط المبعثرة، كما هو موضّح في مخطط Google الوثائق والأدوات.

الإرجاع

ScatterChartBuilder — أداة ScatterChartBuilder التي يمكن استخدامها لإنشاء رسم بياني بالنقاط المبعثرة.


newTableChart()

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

الإرجاع

TableChartBuilder — TableChartBuilder الذي يمكن استخدامه لإنشاء رسم بياني جدولي


newTextStyle()

تنشئ أداة إنشاء نمط نص جديدة.

لتغيير القيم التلقائية، استخدِم دوال setter.

الإرجاع

TextStyleBuilder — أداة TextStyleBuilder التي يمكن استخدامها لإنشاء كائن إعداد نمط النص