نقطة الدخول لإنشاء الرسوم البيانية في النصوص البرمجية
ينشئ هذا المثال جدول بيانات أساسيًا، ويملؤه ببيانات مخطّط مساحي، ويضيفه إلى صفحة ويب كصورة:
function doGet() { const 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(); const chart = Charts.newAreaChart() .setDataTable(data) .setStacked() .setRange(0, 40) .setTitle('Sales per Month') .build(); const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart'); const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes()); const imageUrl = `data:image/png;base64,${encodeURI(imageData)}`; htmlOutput.append('Render chart server side: <br/>'); htmlOutput.append(`<img border="1" src="${imageUrl}">`); return htmlOutput; }
أماكن إقامة
الموقع | النوع | الوصف |
---|---|---|
Chart | Chart | قائمة بكيفية التعبير عن السمات المخفية في مصدر معيّن في رسم بياني |
Chart | Chart | قائمة بكيفية التعبير عن نطاقات متعددة في المصدر في رسم بياني |
Chart | Chart | قائمة بأنواع الرسوم البيانية المتوافقة مع خدمة "الرسوم البيانية" |
Column | Column | قائمة بأنواع البيانات الصالحة للأعمدة في Data |
Curve | Curve | قائمة بالأنماط للخطوط المنحنية في الرسم البياني |
Point | Point | قائمة بأنماط النقاط في سطر |
Position | Position | قائمة بمواضع وسائل الإيضاح ضمن رسم بياني |
الطُرق
الطريقة | نوع القيمة التي يتم عرضها | وصف قصير |
---|---|---|
new | Area | يبدأ إنشاء رسم بياني خطي، كما هو موضّح في مستندات أدوات رسم Google البياني. |
new | Bar | يبدأ إنشاء رسم بياني شريطي، كما هو موضّح في مستندات أدوات مخطّط Google البياني. |
new | Column | يبدأ إنشاء رسم بياني أعمدة، كما هو موضّح في مستندات أدوات رسم Google البياني. |
new | Data | تُنشئ هذه الدالة جدول بيانات فارغًا يمكن ضبط قيمه يدويًا. |
new | Data | لإنشاء تعريف جديد لعرض البيانات |
new | Line | يبدأ إنشاء مخطّط خطي، كما هو موضّح في مستندات أدوات مخطّط Google البياني. |
new | Pie | يبدأ إنشاء رسم بياني دائري، كما هو موضّح في مستندات أدوات رسم Google البياني. |
new | Scatter | يبدأ إنشاء مخطّط مبعثر، كما هو موضّح في مستندات أدوات مخطّط Google. |
new | Table | يبدأ إنشاء مخطّط بياني للجدول، كما هو موضّح في مستندات أدوات مخطّطات Google. |
new | Text | لإنشاء أداة إنشاء أنماط نص جديدة. |
مستندات تفصيلية
new Area Chart()
يبدأ إنشاء رسم بياني خطي، كما هو موضّح في مستندات أدوات رسم Google البياني.
الإرجاع
Area
— عنصر AreaChartBuilder الذي يمكن استخدامه لإنشاء رسم بياني مساحي
new Bar Chart()
يبدأ إنشاء رسم بياني شريطي، كما هو موضّح في مستندات أدوات مخطّط Google البياني.
الإرجاع
Bar
— BarChartBuilder، الذي يمكن استخدامه لإنشاء مخطّط شريطي
new Column Chart()
يبدأ إنشاء رسم بياني أعمدة، كما هو موضّح في مستندات أدوات رسم Google البياني.
الإرجاع
Column
- ColumnChartBuilder، الذي يمكن استخدامه لإنشاء رسم بياني أعمدة.
new Data Table()
تُنشئ هذه الدالة جدول بيانات فارغًا يمكن ضبط قيمه يدويًا.
تحتوي جداول البيانات على بيانات جميع أنواع الرسوم البيانية.
الإرجاع
Data
- DataTableBuilder، الذي يمكنه تخزين بيانات الرسوم البيانية
new Data View Definition()
لإنشاء تعريف جديد لعرض البيانات
استخدِم أدوات الضبط لتحديد السمات المختلفة لعرض البيانات.
الإرجاع
Data
- عنصر DataViewDefinitionBuilder الذي يمكن استخدامه لإنشاء تعريف لعرض البيانات
new Line Chart()
يبدأ إنشاء مخطّط خطي، كما هو موضّح في مستندات أدوات مخطّط Google البياني.
الإرجاع
Line
- أداة إنشاء الرسوم البيانية الخطية، والتي يمكن استخدامها لإنشاء رسم بياني خطي.
new Pie Chart()
يبدأ إنشاء رسم بياني دائري، كما هو موضّح في مستندات أدوات رسم Google البياني.
الإرجاع
Pie
— عنصر PieChartBuilder الذي يمكن استخدامه لإنشاء مخطّط دائري
new Scatter Chart()
يبدأ إنشاء مخطّط مبعثر، كما هو موضّح في مستندات أدوات مخطّط Google.
الإرجاع
Scatter
- عنصر ScatterChartBuilder الذي يمكن استخدامه لإنشاء مخطّط مبعثر
new Table Chart()
يبدأ إنشاء مخطّط بياني للجدول، كما هو موضّح في مستندات أدوات مخطّطات Google.
الإرجاع
Table
- عنصر TableChartBuilder الذي يمكن استخدامه لإنشاء رسم بياني على شكل جدول
new Text Style()
لإنشاء أداة إنشاء أنماط نص جديدة.
لتغيير القيم التلقائية، استخدِم دوال الإعداد.
الإرجاع
Text
: عنصر TextStyleBuilder الذي يمكن استخدامه لإنشاء عنصر إعدادات نمط نص