Class TextStyle

TextStyle

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

// This example creates a chart specifying different text styles for the title
// and axes.
const sampleData = Charts.newDataTable()
                       .addColumn(Charts.ColumnType.STRING, 'Seasons')
                       .addColumn(Charts.ColumnType.NUMBER, 'Rainy Days')
                       .addRow(['Winter', 5])
                       .addRow(['Spring', 12])
                       .addRow(['Summer', 8])
                       .addRow(['Fall', 8])
                       .build();

const titleTextStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26).setFontName(
        'Ariel');
const axisTextStyleBuilder =
    Charts.newTextStyle().setColor('#3A3A3A').setFontSize(20).setFontName(
        'Ariel');
const titleTextStyle = titleTextStyleBuilder.build();
const axisTextStyle = axisTextStyleBuilder.build();

const chart = Charts.newLineChart()
                  .setTitleTextStyle(titleTextStyle)
                  .setXAxisTitleTextStyle(axisTextStyle)
                  .setYAxisTitleTextStyle(axisTextStyle)
                  .setTitle('Rainy Days Per Season')
                  .setXAxisTitle('Season')
                  .setYAxisTitle('Number of Rainy Days')
                  .setDataTable(sampleData)
                  .build();

الطُرق

الطريقة	نوع القيمة التي تم إرجاعها	وصف قصير
getColor()	String	الحصول على لون نمط النص.
getFontName()	String	تعرض هذه السمة اسم خط نمط النص.
getFontSize()	Number	الحصول على حجم خط نمط النص.

مستندات تفصيلية

getColor()

الحصول على لون نمط النص.

// Creates a new text style that uses blue text and logs the color.
const textStyle = Charts.newTextStyle().setColor('blue').build();
Logger.log(textStyle.getColor());

الإرجاع

استبدِل String بقيمة CSS للّون (مثل "blue" أو "#00f").

---

getFontName()

تعرض هذه السمة اسم خط نمط النص.

// Creates a new text style that uses Ariel font and logs the font name.
const textStyle = Charts.newTextStyle().setFontName('Ariel').build();
Logger.log(textStyle.getFontName());

الإرجاع

String: اسم الخط

---

getFontSize()

الحصول على حجم خط نمط النص.

// Creates a new text style that uses 18 pixel font size and logs the font size.
const textStyle = Charts.newTextStyle().setFontSize(18).build();
Logger.log(textStyle.getFontSize());

الإرجاع

Number: حجم الخط بالبكسل