Class 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: حجم الخط بوحدات البكسل