گزینه های پیکربندی نمودار

انواع نمودار

گزینه های پیکربندی نمودار حاشیه نویسی

نام
رنگ ها

رنگ هایی که برای عناصر نمودار استفاده می شود. آرایه ای از رشته ها، که در آن هر عنصر یک رشته رنگی HTML است، به عنوان مثال: colors:['red','#004411'] .

نوع: آرایه از رشته ها
پیش فرض: رنگ های پیش فرض
displayRangeSelector

آیا برای نشان دادن منطقه انتخاب محدوده بزرگنمایی (ناحیه در پایین نمودار)، که در آن false به معنای خیر است.

طرح کلی در انتخابگر بزرگ‌نمایی، نسخه‌ای در مقیاس ثبت‌شده از سری اول در نمودار است که برای تناسب با ارتفاع انتخابگر بزرگ‌نمایی، مقیاس‌بندی شده است.

نوع: boolean
پیش فرض: true
نمایش دکمه های زوم

اینکه آیا دکمه‌های بزرگ‌نمایی ("1d 5d 1m" و غیره) نشان داده شود، جایی که false به معنای خیر است.

نوع: boolean
پیش فرض: true
حداکثر

حداکثر مقدار برای نشان دادن در محور Y. اگر حداکثر نقطه داده از این مقدار بیشتر شود، این تنظیم نادیده گرفته می‌شود و نمودار طوری تنظیم می‌شود که علامت تیک اصلی بعدی را بالاتر از حداکثر نقطه داده نشان دهد. این بر حداکثر محور Y که توسط scaleType تعیین می شود اولویت دارد.

این شبیه به maxValue در نمودارهای اصلی است.

نوع: number
پیش فرض: خودکار
دقیقه

حداقل مقداری که باید در محور Y نشان داده شود. اگر حداقل نقطه داده کمتر از این مقدار باشد، این تنظیم نادیده گرفته می‌شود و نمودار طوری تنظیم می‌شود که علامت تیک اصلی بعدی را زیر حداقل نقطه داده نشان دهد. این بر حداقل محور Y که توسط scaleType تعیین می شود اولویت دارد.

این شبیه به minValue در نمودارهای اصلی است.

نوع: number
پیش فرض: خودکار

گزینه های پیکربندی نمودار منطقه

نام
ناحیه شفافیت

کدورت پیش‌فرض ناحیه رنگی زیر یک سری نمودار ناحیه، که در آن 0.0 کاملاً شفاف و 1.0 کاملاً مات است. برای تعیین opacity برای یک سری جداگانه، مقدار areaOpacity را در ویژگی series تنظیم کنید.

نوع: number ، 0.0- 1.0
پیش فرض: 0.3
رنگ پس زمینه

رنگ پس زمینه برای ناحیه اصلی نمودار. می تواند یک رشته رنگی ساده HTML باشد، برای مثال: 'red' یا '#00cc00' ، یا یک شی با ویژگی های زیر.

نوع: string یا object
پیش فرض: 'white'
backgroundColor.fill

رنگ پر کردن نمودار، به عنوان یک رشته رنگ HTML.

نوع: string
پیش فرض: 'white'
نمودار مساحت

یک شی با اعضا برای پیکربندی مکان و اندازه ناحیه نمودار (جایی که خود نمودار رسم شده است، به استثنای محورها و افسانه ها). دو فرمت پشتیبانی می شود: یک عدد یا یک عدد به دنبال ٪. یک عدد ساده یک مقدار در پیکسل است. یک عدد به دنبال آن % یک درصد است. مثال: chartArea:{left:20,top:0,width:'50%',height:'75%'}

نوع: object
پیش فرض: null
chartArea.backgroundColor
رنگ پس زمینه ناحیه نمودار هنگامی که از یک رشته استفاده می شود، می تواند یک رشته هگزا (به عنوان مثال، '#fdc' ) یا یک نام رنگ انگلیسی باشد. هنگامی که یک شی استفاده می شود، ویژگی های زیر را می توان ارائه داد:
  • stroke : رنگی که به صورت رشته هگزا یا رنگ انگلیسی ارائه می شود.
  • strokeWidth : در صورت ارائه، یک مرز در اطراف ناحیه نمودار با عرض داده شده (و با رنگ stroke ) ترسیم می کند.
نوع: string یا object
پیش فرض: 'white'
نمودار مساحت.ارتفاع

ارتفاع منطقه نمودار

نوع: number یا string
پیش فرض: خودکار
نمودار Area.left

چقدر می توان نمودار را از حاشیه سمت چپ رسم کرد.

نوع: number یا string
پیش فرض: خودکار
نمودار Area.top

چقدر می توان نمودار را از حاشیه بالایی رسم کرد.

نوع: number یا string
پیش فرض: خودکار
نمودار مساحت.عرض

عرض منطقه نمودار

نوع: number یا string
پیش فرض: خودکار
رنگ ها

رنگ هایی که برای عناصر نمودار استفاده می شود. آرایه ای از رشته ها، که در آن هر عنصر یک رشته رنگی HTML است، به عنوان مثال: colors:['red','#004411'] .

نوع: آرایه از رشته ها
پیش فرض: رنگ های پیش فرض
hAxis

یک شی با اعضایی برای پیکربندی عناصر مختلف محور افقی. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
نوع: object
پیش فرض: null
hAxis.direction

جهتی که در آن مقادیر در امتداد محور افقی رشد می کنند. برای معکوس کردن ترتیب مقادیر -1 مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
hAxis.gridlines

یک شی با خصوصیات برای پیکربندی خطوط شبکه در محور افقی. توجه داشته باشید که خطوط شبکه محور افقی به صورت عمودی ترسیم می شوند. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
hAxis.gridlines.color

رنگ خطوط شبکه افقی در داخل منطقه نمودار. یک رشته رنگ معتبر HTML را مشخص کنید.

نوع: string
پیش‌فرض: '#CCC'
hAxis.gridlines.count

تعداد تقریبی خطوط شبکه افقی در داخل منطقه نمودار. اگر یک عدد مثبت برای gridlines.count مشخص کنید، از آن برای محاسبه minSpacing بین خطوط شبکه استفاده می شود. شما می توانید مقدار 1 را برای ترسیم یک خط شبکه یا 0 برای ترسیم هیچ خط شبکه ای مشخص کنید. برای محاسبه خودکار تعداد خطوط شبکه بر اساس گزینه های دیگر، -1 که پیش فرض است مشخص کنید.

نوع: number
پیش فرض: -1
hAxis.logScale

ویژگی hAxis که محور افقی را به مقیاس لگاریتمی تبدیل می کند (نیازمند است همه مقادیر مثبت باشند). true است برای بله.

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: boolean
پیش فرض: false
hAxis.maxValue

حداکثر مقدار محور افقی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به سمت راست خواهد بود. اگر این مقدار روی مقداری کوچکتر از حداکثر مقدار x داده تنظیم شود، نادیده گرفته می شود. hAxis.viewWindow.max این ویژگی را لغو می کند.

نوع: number
پیش فرض: خودکار
hAxis.minorGridlines

یک شی با اعضایی برای پیکربندی خطوط شبکه فرعی در محور افقی، مشابه گزینه hAxis.gridlines .

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
hAxis.minorGridlines.color

رنگ خطوط شبکه افقی فرعی در داخل منطقه نمودار. یک رشته رنگ معتبر HTML را مشخص کنید.

نوع: string
پیش‌فرض: ترکیبی از خط شبکه و رنگ‌های پس‌زمینه
hAxis.minorGridlines.count

گزینه minorGridlines.count بیشتر منسوخ شده است، به جز غیرفعال کردن خطوط شبکه کوچک با تنظیم شمارش بر روی 0. تعداد خطوط شبکه فرعی اکنون کاملاً به فاصله بین خطوط شبکه اصلی (به hAxis.gridlines.interval مراجعه کنید) و حداقل فضای مورد نیاز بستگی دارد (نگاه کنید به). hAxis.minorGridlines.minSpacing ).

نوع: number
پیش فرض: 1
hAxis.minValue

مقدار min محور افقی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به سمت چپ خواهد بود. اگر این مقدار روی مقداری بیشتر از حداقل مقدار x داده تنظیم شود نادیده گرفته می شود. hAxis.viewWindow.min این ویژگی را لغو می کند.

نوع: number
پیش فرض: خودکار
hAxis.textPosition

موقعیت متن محور افقی، نسبت به ناحیه نمودار. مقادیر پشتیبانی شده: 'out' , 'in' , 'none' .

نوع: string
پیش فرض: 'out'
hAxis.textStyle

یک شی که سبک متن محور افقی را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

ویژگی hAxis که عنوان محور افقی را مشخص می کند.

نوع: string
پیش فرض: null
hAxis.titleTextStyle

یک شی که سبک متن عنوان محور افقی را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

محدوده برش محور افقی را مشخص می کند.

نوع: object
پیش فرض: null
hAxis.viewWindow.max

حداکثر مقدار داده افقی برای ارائه.

وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است نادیده گرفته می شود.

نوع: number
پیش فرض: خودکار
hAxis.viewWindow.min

حداقل مقدار داده افقی برای ارائه.

وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است نادیده گرفته می شود.

نوع: number
پیش فرض: خودکار
ارتفاع

ارتفاع نمودار بر حسب پیکسل

نوع: number
پیش فرض: ارتفاع عنصر حاوی
interpolateNulls

اینکه ارزش امتیازهای از دست رفته را حدس بزنید. اگر true ، ارزش هر داده از دست رفته را بر اساس نقاط همسایه حدس می زند. اگر false باشد، در نقطه ناشناخته یک شکست در خط ایجاد می کند.

این توسط نمودارهای منطقه با گزینه isStacked: true/'percent'/'relative'/'absolute' پشتیبانی نمی شود .

نوع: boolean
پیش فرض: false
انباشته شده است

اگر روی true تنظیم شود، عناصر را برای همه سری ها در هر مقدار دامنه جمع می کند. توجه: در نمودارهای Column ، Area و StepppedArea ، نمودارهای Google ترتیب آیتم‌های افسانه‌ای را برعکس می‌کند تا با چیدمان عناصر سری مطابقت بیشتری داشته باشد (مثلاً سری 0 پایین‌ترین مورد افسانه‌ای خواهد بود). این در مورد نمودار میله ای صدق نمی کند.

گزینه isStacked همچنین از انباشته شدن 100% پشتیبانی می کند، که در آن پشته های عناصر در هر مقدار دامنه تغییر مقیاس داده می شوند تا به 100% اضافه شوند.

گزینه های isStacked عبارتند از:

  • false - عناصر روی هم چیده نمی شوند. این گزینه ی پیش فرض می باشد.
  • true - عناصر را برای همه سری ها در هر مقدار دامنه پشته می کند.
  • 'percent' - عناصر را برای همه سری ها در هر مقدار دامنه روی هم می چیند و آنها را طوری تغییر می دهد که تا 100% جمع شوند و مقدار هر عنصر به صورت درصدی 100% محاسبه شود.
  • 'relative' - عناصر را برای همه سری ها در هر مقدار دامنه روی هم قرار می دهد و آنها را به گونه ای تغییر می دهد که جمع آنها به 1 برسد و مقدار هر عنصر به عنوان کسری از 1 محاسبه شود.
  • 'absolute' - عملکردی مشابه isStacked: true .

برای انباشته شدن 100%، مقدار محاسبه شده برای هر عنصر پس از مقدار واقعی آن در راهنمای ابزار ظاهر می شود.

محور هدف به‌طور پیش‌فرض مقادیر را بر اساس مقیاس نسبی 0-1 به عنوان کسرهای 1 برای 'relative' و 0-100 درصد برای 'percent' تیک می‌دهد ( توجه: هنگام استفاده از گزینه 'percent' ، مقادیر محور/تیک به عنوان درصد نمایش داده می شوند، اما مقادیر واقعی مقادیر نسبی 0-1 هستند، زیرا تیک های محور درصد نتیجه اعمال فرمت "##%" به مقادیر نسبی مقیاس 0-1 هستند با استفاده از isStacked: 'percent' ، مطمئن شوید که هر تیک/خط مشبک را با استفاده از مقادیر نسبی مقیاس 0-1 مشخص کنید. شما می توانید خطوط شبکه / مقادیر تیک و قالب بندی را با استفاده از گزینه های مناسب hAxis/vAxis سفارشی کنید.

انباشته شدن 100% فقط از مقادیر داده نوع number پشتیبانی می کند و باید خط پایه صفر داشته باشد.

نوع: boolean / string
پیش فرض: false
افسانه

یک شی با اعضا برای پیکربندی جنبه های مختلف افسانه. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
نوع: object
پیش فرض: null
افسانه. موقعیت

موقعیت افسانه. می تواند یکی از موارد زیر باشد:

  • 'bottom' - زیر نمودار.
  • 'left' - در سمت چپ نمودار، مشروط بر اینکه محور چپ هیچ series مرتبط با آن نداشته باشد. بنابراین اگر افسانه سمت چپ را می خواهید، از گزینه targetAxisIndex: 1 استفاده کنید.
  • 'in' - در داخل نمودار، در گوشه سمت چپ بالا.
  • 'none' - هیچ افسانه ای نمایش داده نمی شود.
  • 'right' - در سمت راست نمودار. با گزینه vAxes ناسازگار است.
  • 'top' - بالای نمودار.
نوع: string
پیش فرض: 'right'
legendTextStyle

یک شی که سبک متن افسانه را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
عرض خط

عرض خط داده بر حسب پیکسل از صفر برای پنهان کردن تمام خطوط استفاده کنید و فقط نقاط را نشان دهید. با استفاده از ویژگی series می توانید مقادیر را برای سری های جداگانه لغو کنید.

نوع: number
پیش فرض: 2
نقطه شکل

شکل تک تک عناصر داده: 'circle' ، 'triangle' ، 'square' ، 'diamond' ، 'star' یا 'polygon' . برای مثال به مستندات امتیاز مراجعه کنید.

نوع: string
پیش فرض: 'circle'
اندازه نقطه

قطر نقاط نمایش داده شده بر حسب پیکسل از صفر برای پنهان کردن تمام نقاط استفاده کنید. با استفاده از ویژگی series می توانید مقادیر را برای سری های جداگانه لغو کنید.

نوع: number
پیش فرض: 0
معکوس دسته ها

اگر روی true تنظیم شود، سری ها را از راست به چپ ترسیم می کند. پیش فرض این است که از چپ به راست بکشید.

این گزینه فقط برای یک محور major discrete پشتیبانی می شود.

نوع: boolean
پیش فرض: false
سلسله

آرایه ای از اشیاء که هر کدام فرمت سری مربوطه را در نمودار توصیف می کنند. برای استفاده از مقادیر پیش فرض برای یک سری، یک شی خالی {} را مشخص کنید. اگر یک سری یا یک مقدار مشخص نشده باشد، از مقدار جهانی استفاده می شود. هر شی از ویژگی های زیر پشتیبانی می کند:

  • annotations - شیئی که باید در حاشیه نویسی های این سری اعمال شود. این را می توان برای کنترل، به عنوان مثال، textStyle برای سری استفاده کرد:

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    گزینه های مختلف annotations را برای لیست کامل تری از مواردی که می توان سفارشی کرد، مشاهده کنید.

  • areaOpacity - ناحیه جهانی areaOpacity برای این سری لغو می کند.
  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگ معتبر HTML را مشخص کنید.
  • labelInLegend - شرح سری برای نمایش در افسانه نمودار.
  • lineDashStyle - مقدار کلی lineDashStyle را برای این سری لغو می کند.
  • lineWidth - مقدار lineWidth جهانی را برای این سری لغو می کند.
  • pointShape - مقدار سراسری pointShape برای این سری لغو می کند.
  • pointSize - مقدار جهانی pointSize برای این سری لغو می کند.
  • pointsVisible - مقدار جهانی pointsVisible برای این سری لغو می کند.
  • targetAxisIndex - این سری را به کدام محور اختصاص دهیم، که در آن 0 محور پیش‌فرض و 1 محور مقابل است. مقدار پیش فرض 0 است. برای تعریف نموداری که در آن سری های مختلف بر اساس محورهای مختلف ارائه می شوند، روی 1 تنظیم کنید. حداقل یک سری باید به محور پیش فرض اختصاص داده شود. شما می توانید مقیاس متفاوتی را برای محورهای مختلف تعریف کنید.
  • visibleInLegend - یک مقدار boolean ، که در آن true به این معنی است که سری باید یک ورودی افسانه داشته باشد و false به این معنی است که نباید. پیش فرض true است.

می‌توانید آرایه‌ای از اشیاء را مشخص کنید که هر کدام به ترتیب داده‌شده برای سری اعمال می‌شوند، یا می‌توانید شی‌ای را مشخص کنید که در آن هر فرزند یک کلید عددی داشته باشد که نشان می‌دهد برای کدام سری اعمال می‌شود. به عنوان مثال، دو اعلان زیر یکسان هستند و سری اول را سیاه و غایب از افسانه، و چهارم را قرمز و غایب از افسانه اعلام می‌کنند:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
نوع: آرایه ای از اشیاء یا شی با اشیاء تودرتو
پیش فرض: {}
عنوان فرعی

متن برای نمایش در زیر عنوان نمودار.

نوع: string
پیش فرض: بدون عنوان
subtitleTextStyle

یک شی که سبک متن عنوان را مشخص می کند.

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

تم مجموعه ای از مقادیر گزینه از پیش تعریف شده است که برای دستیابی به یک رفتار نمودار یا جلوه بصری خاص با هم کار می کنند. در حال حاضر فقط یک موضوع موجود است:

  • 'maximized' - مساحت نمودار را به حداکثر می رساند و افسانه و همه برچسب ها را در داخل منطقه نمودار ترسیم می کند.
نوع: string
پیش فرض: null
عنوان

متن برای نمایش در بالای نمودار.

نوع: string
پیش فرض: بدون عنوان
titleTextStyle

یک شی که سبک متن عنوان را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

اگر روی true تنظیم شود، نمودار با ستون به عنوان یک ستون متن برخورد می کند.

نوع: boolean
useFirstColumnAsDomain

اگر روی true تنظیم شود، نمودار با ستون به عنوان دامنه برخورد می کند.

نوع: boolean
vAxes

اگر نمودار دارای چندین محور عمودی باشد، ویژگی‌ها را برای محورهای عمودی جداگانه مشخص می‌کند. هر شی فرزند یک شی vAxis است و می تواند شامل تمام ویژگی های پشتیبانی شده توسط vAxis باشد. این مقادیر ویژگی، هر گونه تنظیمات کلی را برای همان ویژگی لغو می کند.

برای تعیین نموداری با چندین محور عمودی، ابتدا با استفاده از series.targetAxisIndex یک محور جدید تعریف کنید، سپس با استفاده از vAxes محور را پیکربندی کنید. مثال زیر سری 2 را به محور سمت راست اختصاص می دهد و یک عنوان سفارشی و سبک متن را برای آن مشخص می کند:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

این ویژگی می تواند یک شی یا یک آرایه باشد: شی مجموعه ای از اشیاء است که هر کدام دارای یک برچسب عددی است که محوری را که تعریف می کند مشخص می کند - این قالبی است که در بالا نشان داده شده است. آرایه آرایه ای از اشیا است، یکی در هر محور. به عنوان مثال، نماد آرایه زیر با شی vAxis نشان داده شده در بالا یکسان است:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
نوع: آرایه شی یا شی با اشیاء فرزند
پیش فرض: null
vAxis

یک شی با اعضایی برای پیکربندی عناصر مختلف محور عمودی. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
نوع: object
پیش فرض: null
vAxis.direction

جهتی که در آن مقادیر در امتداد محور عمودی رشد می کنند. به طور پیش فرض، مقادیر پایین در پایین نمودار قرار دارند. برای معکوس کردن ترتیب مقادیر -1 مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
vAxis.gridlines

یک شی با اعضایی برای پیکربندی خطوط شبکه در محور عمودی. توجه داشته باشید که خطوط شبکه محور عمودی به صورت افقی ترسیم می شوند. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
vAxis.gridlines.color

رنگ خطوط شبکه عمودی در داخل منطقه نمودار. یک رشته رنگ معتبر HTML را مشخص کنید.

نوع: string
پیش‌فرض: '#CCC'
vAxis.gridlines.count

تعداد تقریبی خطوط شبکه افقی در داخل منطقه نمودار. اگر یک عدد مثبت برای gridlines.count مشخص کنید، از آن برای محاسبه minSpacing بین خطوط شبکه استفاده می شود. شما می توانید مقدار 1 را برای ترسیم یک خط شبکه یا 0 برای ترسیم هیچ خط شبکه ای مشخص کنید. برای محاسبه خودکار تعداد خطوط شبکه بر اساس گزینه های دیگر، -1 که پیش فرض است مشخص کنید.

نوع: number
پیش فرض: -1
vAxis.logScale

اگر true ، محور عمودی را یک مقیاس لگاریتمی می کند. توجه: همه مقادیر باید مثبت باشند.

نوع: boolean
پیش فرض: false
vAxis.maxValue

حداکثر مقدار محور عمودی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها صعودی خواهد بود. اگر این مقدار روی مقداری کوچکتر از حداکثر مقدار y داده تنظیم شود نادیده گرفته می شود. vAxis.viewWindow.max این ویژگی را لغو می کند.

نوع: number
پیش فرض: خودکار
vAxis.minorGridlines

یک شی با اعضایی برای پیکربندی خطوط شبکه فرعی در محور عمودی، مشابه گزینه vAxis.gridlines.

نوع: object
پیش فرض: null
vAxis.minorGridlines.color

رنگ خطوط شبکه فرعی عمودی در داخل منطقه نمودار. یک رشته رنگ معتبر HTML را مشخص کنید.

نوع: string
پیش‌فرض: ترکیبی از خط شبکه و رنگ‌های پس‌زمینه
vAxis.minorGridlines.count

گزینه minorGridlines.count بیشتر منسوخ شده است، به جز غیرفعال کردن خطوط شبکه کوچک با تنظیم تعداد روی 0 . تعداد خطوط شبکه فرعی به فاصله بین خطوط شبکه اصلی و حداقل فضای مورد نیاز بستگی دارد.

نوع: number
پیش فرض: 1
vAxis.minValue

مقدار حداقل محور عمودی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها نزولی خواهد بود. اگر این مقدار روی مقداری بیشتر از حداقل مقدار y داده تنظیم شود نادیده گرفته می شود. vAxis.viewWindow.min این ویژگی را لغو می کند.

نوع: number
پیش فرض: null
vAxis.textPosition

موقعیت متن محور عمودی، نسبت به ناحیه نمودار. مقادیر پشتیبانی شده: 'out' , 'in' , 'none' .

نوع: string
پیش فرض: 'out'
vAxis.textStyle

یک شی که سبک متن محور عمودی را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

عنوانی را برای محور عمودی مشخص می کند.

نوع: string
پیش فرض: بدون عنوان
vAxis.titleTextStyle

یک شی که سبک متن عنوان محور عمودی را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

محدوده برش محور عمودی را مشخص می کند.

نوع: object
پیش فرض: null
vAxis.viewWindow.max

حداکثر مقدار داده عمودی برای ارائه.

وقتی vAxis.viewWindowMode 'زیبا' یا 'بیشینه شده' است نادیده گرفته می شود.

نوع: number
پیش فرض: خودکار
vAxis.viewWindow.min

حداقل مقدار داده عمودی برای ارائه.

وقتی vAxis.viewWindowMode 'زیبا' یا 'بیشینه شده' است نادیده گرفته می شود.

نوع: number
پیش فرض: خودکار

گزینه های پیکربندی نمودار میله ای

نام
رنگ پس زمینه

رنگ پس زمینه برای ناحیه اصلی نمودار. می تواند یک رشته رنگی ساده HTML باشد، برای مثال: 'red' یا '#00cc00' ، یا یک شی با ویژگی های زیر.

نوع: string یا object
پیش فرض: 'white'
backgroundColor.fill

رنگ پر کردن نمودار، به عنوان یک رشته رنگ HTML.

نوع: string
پیش فرض: 'white'
نمودار مساحت

یک شی با اعضا برای پیکربندی مکان و اندازه ناحیه نمودار (جایی که خود نمودار رسم شده است، به استثنای محورها و افسانه ها). دو فرمت پشتیبانی می شود: یک عدد یا یک عدد به دنبال ٪. یک عدد ساده یک مقدار در پیکسل است. یک عدد به دنبال آن % یک درصد است. مثال: chartArea:{left:20,top:0,width:'50%',height:'75%'}

نوع: object
پیش فرض: null
chartArea.backgroundColor
رنگ پس زمینه ناحیه نمودار هنگامی که از یک رشته استفاده می شود، می تواند یک رشته هگزا (به عنوان مثال، '#fdc' ) یا یک نام رنگ انگلیسی باشد. هنگامی که یک شی استفاده می شود، ویژگی های زیر را می توان ارائه داد:
  • stroke : رنگی که به صورت رشته هگزا یا رنگ انگلیسی ارائه می شود.
  • strokeWidth : در صورت ارائه، یک مرز در اطراف ناحیه نمودار با عرض داده شده (و با رنگ stroke ) ترسیم می کند.
نوع: string یا object
پیش فرض: 'white'
نمودار مساحت.ارتفاع

ارتفاع منطقه نمودار

نوع: number یا string
پیش فرض: خودکار
نمودار Area.left

چقدر می توان نمودار را از حاشیه سمت چپ رسم کرد.

نوع: number یا string
پیش فرض: خودکار
نمودار Area.top

چقدر می توان نمودار را از حاشیه بالایی رسم کرد.

نوع: number یا string
پیش فرض: خودکار
نمودار مساحت.عرض

عرض منطقه نمودار

نوع: عدد یا string
پیش فرض: خودکار
رنگ ها

رنگ هایی که برای عناصر نمودار استفاده می شود. آرایه ای از رشته ها، که در آن هر عنصر یک رشته رنگی HTML است، به عنوان مثال: colors:['red','#004411'] .

نوع: آرایه از رشته ها
پیش فرض: رنگ های پیش فرض
hAxes

اگر نمودار دارای چندین محور افقی باشد، ویژگی‌ها را برای محورهای افقی جداگانه مشخص می‌کند. هر شی فرزند یک شی hAxis است و می تواند شامل تمام ویژگی های پشتیبانی شده توسط hAxis باشد. این مقادیر ویژگی، هر گونه تنظیمات کلی را برای همان ویژگی لغو می کند.

برای تعیین نموداری با چندین محور افقی، ابتدا یک محور جدید با استفاده از series.targetAxisIndex تعریف کنید، سپس با استفاده از hAxes محور را پیکربندی کنید. مثال زیر سری 1 را به محور پایین اختصاص می دهد و یک عنوان سفارشی و سبک متن را برای آن مشخص می کند:

series:{1:{targetAxisIndex:1{% raw %}}}{% endraw %}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'{% raw %}}}{% endraw %}}

این ویژگی می تواند یک شی یا یک آرایه باشد: شی مجموعه ای از اشیاء است که هر کدام دارای یک برچسب عددی است که محوری را که تعریف می کند مشخص می کند - این قالبی است که در بالا نشان داده شده است. آرایه آرایه ای از اشیا است، یکی در هر محور. به عنوان مثال، نماد آرایه ای زیر با شی hAxis نشان داده شده در بالا یکسان است:

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
نوع: آرایه ای از شی یا شی با اشیاء فرزند
پیش فرض: null
hAxis

یک شی با اعضایی برای پیکربندی عناصر مختلف محور افقی. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
نوع: object
پیش فرض: null
hAxis.direction

جهتی که در آن مقادیر در امتداد محور افقی رشد می کنند. برای معکوس کردن ترتیب مقادیر -1 مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
hAxis.gridlines

یک شی با خصوصیات برای پیکربندی خطوط شبکه در محور افقی. توجه داشته باشید که خطوط شبکه محور افقی به صورت عمودی ترسیم می شوند. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
hAxis.gridlines.color

رنگ خطوط شبکه افقی در داخل منطقه نمودار. یک رشته رنگ معتبر HTML را مشخص کنید.

نوع: string
پیش‌فرض: '#CCC'
hAxis.gridlines.count

تعداد تقریبی خطوط شبکه افقی در داخل منطقه نمودار. اگر یک عدد مثبت برای gridlines.count مشخص کنید، از آن برای محاسبه minSpacing بین خطوط شبکه استفاده می شود. شما می توانید مقدار 1 را برای ترسیم یک خط شبکه یا 0 برای ترسیم هیچ خط شبکه ای مشخص کنید. برای محاسبه خودکار تعداد خطوط شبکه بر اساس گزینه های دیگر، -1 را که پیش فرض است، مشخص کنید.

نوع: number
پیش فرض: -1
hAxis.logScale

ویژگی hAxis که محور افقی را به مقیاس لگاریتمی تبدیل می کند (نیازمند است همه مقادیر مثبت باشند). true است برای بله.

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: boolean
پیش فرض: false
hAxis.maxValue

حداکثر مقدار محور افقی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به سمت راست خواهد بود. اگر این مقدار روی مقداری کوچکتر از حداکثر مقدار x داده تنظیم شود، نادیده گرفته می شود. hAxis.viewWindow.max این ویژگی را لغو می کند.

نوع: number
پیش فرض: خودکار
hAxis.minorGridlines

یک شی با اعضایی برای پیکربندی خطوط شبکه فرعی در محور افقی، مشابه گزینه hAxis.gridlines .

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
hAxis.minorGridlines.color

رنگ خطوط شبکه افقی فرعی در داخل منطقه نمودار. یک رشته رنگ معتبر HTML را مشخص کنید.

نوع: string
پیش‌فرض: ترکیبی از خط شبکه و رنگ‌های پس‌زمینه
hAxis.minorGridlines.count

گزینه minorGridlines.count بیشتر منسوخ شده است، به جز غیرفعال کردن خطوط شبکه کوچک با تنظیم شمارش بر روی 0. تعداد خطوط شبکه فرعی اکنون کاملاً به فاصله بین خطوط شبکه اصلی (به hAxis.gridlines.interval مراجعه کنید) و حداقل فضای مورد نیاز بستگی دارد (نگاه کنید به). hAxis.minorGridlines.minSpacing ).

نوع: number
پیش فرض: 1
hAxis.minValue

مقدار min محور افقی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به سمت چپ خواهد بود. اگر این مقدار روی مقداری بیشتر از حداقل مقدار x داده تنظیم شود نادیده گرفته می شود. hAxis.viewWindow.min این ویژگی را لغو می کند.

نوع: number
پیش فرض: خودکار
hAxis.textPosition

موقعیت متن محور افقی، نسبت به ناحیه نمودار. مقادیر پشتیبانی شده: 'out' , 'in' , 'none' .

نوع: string
پیش فرض: 'out'
hAxis.textStyle

یک شی که سبک متن محور افقی را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

ویژگی hAxis که عنوان محور افقی را مشخص می کند.

نوع: string
پیش فرض: null
hAxis.titleTextStyle

یک شی که سبک متن عنوان محور افقی را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

محدوده برش محور افقی را مشخص می کند.

نوع: object
پیش فرض: null
hAxis.viewWindow.max

حداکثر مقدار داده افقی برای ارائه.

وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است نادیده گرفته می شود.

نوع: number
پیش فرض: خودکار
hAxis.viewWindow.min

حداقل مقدار داده افقی برای ارائه.

وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است نادیده گرفته می شود.

نوع: number
پیش فرض: خودکار
ارتفاع

ارتفاع نمودار بر حسب پیکسل

نوع: number
پیش فرض: ارتفاع عنصر حاوی
انباشته شده است

اگر روی true تنظیم شود، عناصر را برای همه سری ها در هر مقدار دامنه جمع می کند. توجه: در نمودارهای Column ، Area و StepppedArea ، نمودارهای Google ترتیب آیتم‌های افسانه‌ای را برعکس می‌کند تا با چیدمان عناصر سری مطابقت بیشتری داشته باشد (مثلاً سری 0 پایین‌ترین مورد افسانه‌ای خواهد بود). این در مورد نمودار میله ای صدق نمی کند.

گزینه isStacked همچنین از انباشته شدن 100% پشتیبانی می کند، که در آن پشته های عناصر در هر مقدار دامنه تغییر مقیاس داده می شوند تا به 100% اضافه شوند.

گزینه های isStacked عبارتند از:

  • false - عناصر روی هم چیده نمی شوند. این گزینه ی پیش فرض می باشد.
  • true - عناصر را برای همه سری ها در هر مقدار دامنه پشته می کند.
  • 'percent' - عناصر را برای همه سری ها در هر مقدار دامنه روی هم می چیند و آنها را طوری تغییر می دهد که تا 100% جمع شوند و مقدار هر عنصر به صورت درصدی 100% محاسبه شود.
  • 'relative' - عناصر را برای همه سری ها در هر مقدار دامنه روی هم قرار می دهد و آنها را به گونه ای تغییر می دهد که جمع آنها به 1 برسد و مقدار هر عنصر به عنوان کسری از 1 محاسبه شود.
  • 'absolute' - عملکردی مشابه isStacked: true .

برای انباشته شدن 100%، مقدار محاسبه شده برای هر عنصر پس از مقدار واقعی آن در راهنمای ابزار ظاهر می شود.

محور هدف به‌طور پیش‌فرض مقادیر را بر اساس مقیاس نسبی 0-1 به عنوان کسرهای 1 برای 'relative' و 0-100 درصد برای 'percent' تیک می‌دهد ( توجه: هنگام استفاده از گزینه 'percent' ، مقادیر محور/تیک به عنوان درصد نمایش داده می شوند، اما مقادیر واقعی مقادیر نسبی 0-1 هستند، زیرا تیک های محور درصد نتیجه اعمال فرمت "##%" به مقادیر نسبی مقیاس 0-1 هستند با استفاده از isStacked: 'percent' ، مطمئن شوید که هر تیک/خط مشبک را با استفاده از مقادیر نسبی مقیاس 0-1 مشخص کنید. شما می توانید خطوط شبکه / مقادیر تیک و قالب بندی را با استفاده از گزینه های مناسب hAxis/vAxis سفارشی کنید.

انباشته شدن 100% فقط از مقادیر داده نوع number پشتیبانی می کند و باید خط پایه صفر داشته باشد.

نوع: boolean / string
پیش فرض: false
افسانه

یک شی با اعضا برای پیکربندی جنبه های مختلف افسانه. برای مشخص کردن ویژگی های این شی، می توانید از نماد لغوی شی استفاده کنید، همانطور که در اینجا نشان داده شده است:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
نوع: object
پیش فرض: null
افسانه. موقعیت

موقعیت افسانه. می تواند یکی از موارد زیر باشد:

  • 'bottom' - زیر نمودار.
  • 'left' - در سمت چپ نمودار، مشروط بر اینکه محور چپ هیچ سری مرتبط با آن نداشته باشد. بنابراین اگر افسانه سمت چپ را می خواهید، از گزینه targetAxisIndex: 1 استفاده کنید.
  • 'in' - در داخل نمودار، در گوشه سمت چپ بالا.
  • 'none' - هیچ افسانه ای نمایش داده نمی شود.
  • 'right' - در سمت راست نمودار. با گزینه vAxes ناسازگار است.
  • 'top' - بالای نمودار.
نوع: string
پیش فرض: 'right'
legendTextStyle

یک شی که سبک متن افسانه را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
معکوس دسته ها

اگر روی true تنظیم شود، سری ها را از راست به چپ ترسیم می کند. پیش فرض این است که از چپ به راست بکشید.

این گزینه فقط برای یک محور major discrete پشتیبانی می شود.

نوع: boolean
پیش فرض: false
سلسله

آرایه ای از اشیاء که هر کدام فرمت سری مربوطه را در نمودار توصیف می کنند. برای استفاده از مقادیر پیش فرض برای یک سری، یک شی خالی {} را مشخص کنید. اگر یک سری یا یک مقدار مشخص نشده باشد، از مقدار جهانی استفاده می شود. هر شی از ویژگی های زیر پشتیبانی می کند:

  • annotations - شیئی که باید در حاشیه نویسی های این سری اعمال شود. این را می توان برای کنترل، به عنوان مثال، textStyle برای سری استفاده کرد:

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    گزینه های مختلف annotations را برای لیست کامل تری از مواردی که می توان سفارشی کرد، مشاهده کنید.

  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگ معتبر HTML را مشخص کنید.
  • labelInLegend - شرح سری برای نمایش در افسانه نمودار.
  • targetAxisIndex - این سری را به کدام محور اختصاص دهیم، که در آن 0 محور پیش‌فرض و 1 محور مقابل است. مقدار پیش فرض 0 است. برای تعریف نموداری که در آن سری های مختلف بر اساس محورهای مختلف ارائه می شوند، روی 1 تنظیم کنید. حداقل یک سری باید به محور پیش فرض اختصاص داده شود. شما می توانید مقیاس متفاوتی را برای محورهای مختلف تعریف کنید.
  • visibleInLegend - یک مقدار boolean ، که در آن true به این معنی است که سری باید یک ورودی افسانه داشته باشد و false به این معنی است که نباید. پیش فرض true است.

می‌توانید آرایه‌ای از اشیاء را مشخص کنید که هر کدام به ترتیب داده‌شده برای سری اعمال می‌شوند، یا می‌توانید شی‌ای را مشخص کنید که در آن هر فرزند یک کلید عددی داشته باشد که نشان می‌دهد برای کدام سری اعمال می‌شود. به عنوان مثال، دو اعلان زیر یکسان هستند و سری اول را سیاه و غایب از افسانه، و چهارم را قرمز و غایب از افسانه اعلام می‌کنند:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
نوع: آرایه ای از اشیاء یا شی با اشیاء تودرتو
پیش فرض: {}
عنوان فرعی

متن برای نمایش در زیر عنوان نمودار.

نوع: string
پیش فرض: بدون عنوان
subtitleTextStyle

یک شی که سبک متن عنوان را مشخص می کند.

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

تم مجموعه ای از مقادیر گزینه از پیش تعریف شده است که برای دستیابی به یک رفتار نمودار یا جلوه بصری خاص با هم کار می کنند. در حال حاضر فقط یک موضوع موجود است:

  • 'maximized' - مساحت نمودار را به حداکثر می رساند و افسانه و همه برچسب ها را در داخل منطقه نمودار ترسیم می کند.
نوع: string
پیش فرض: null
عنوان

متن برای نمایش در بالای نمودار.

نوع: string
پیش فرض: بدون عنوان
titleTextStyle

یک شی که سبک متن عنوان را مشخص می کند. شیء دارای این قالب است:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color می تواند هر رشته رنگی HTML باشد، به عنوان مثال: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش‌فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
خطوط روند

خطوط روند را در نمودارهایی که از آنها پشتیبانی می کنند نشان می دهد. به طور پیش فرض، خط روند linear استفاده می شود، اما می توان آن را با trendlines. n .type گزینه trendlines. n .type .

خطوط Trendlines به صورت هر سری مشخص می شوند ، بنابراین بیشتر اوقات گزینه های شما به این شکل خواهد بود:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
نوع: object
پیش فرض: null
trendlines.n.color

رنگ خط روند ، به عنوان یک نام رنگی انگلیسی یا یک رشته هگز بیان شده است.

نوع: string
پیش فرض: رنگ پیش فرض سری
trendlines.n.degree

برای خطوط type: 'polynomial' ، درجه چند جمله ای ( 2 برای درجه دوم ، 3 برای مکعب و غیره).

نوع: number
پیش فرض: 3
trendlines.n.labelinlegend

در صورت تنظیم ، خط روند به عنوان این رشته در افسانه ظاهر می شود.

نوع: string
پیش فرض: null
trendlines.n.linewidth

عرض خط خط روند ، در پیکسل ها.

نوع: number
پیش فرض: 2
trendlines.n.type

این که آیا Trendlines 'linear' (پیش فرض) ، 'exponential' یا 'polynomial' است.

نوع: string
پیش فرض: linear
trendlines.n.VisibleInlegend

این که آیا معادله خط روند در افسانه ظاهر می شود. در ابزار Trendline ظاهر می شود.

نوع: boolean
پیش فرض: false
usefirstcolumnasdomain

در صورت تنظیم true ، نمودار ستون را به عنوان دامنه رفتار می کند.

نوع: boolean
وسیع

یک شی با اعضا برای پیکربندی عناصر مختلف محور عمودی. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
نوع: object
پیش فرض: null
vaxis.direction

جهت که مقادیر در امتداد محور عمودی رشد می کنند. به طور پیش فرض ، مقادیر کم در پایین نمودار قرار دارند. برای معکوس کردن ترتیب مقادیر -1 را مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
vaxis.Gridlines

یک شی با اعضا برای پیکربندی خطوط شبکه در محور عمودی. توجه داشته باشید که شبکه های محور عمودی به صورت افقی ترسیم می شوند. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
vaxis.gridlines.color

رنگ شبکه های عمودی در منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: '#CCC'
vaxis.gridlines.count

تعداد تقریبی شبکه های افقی در منطقه نمودار. اگر تعداد مثبت را برای gridlines.count مشخص کنید ، از آن برای محاسبه minSpacing بین Gridlines استفاده می شود. شما می توانید مقدار 1 را مشخص کنید تا فقط یک شبکه خط یا 0 ترسیم کنید تا خطوط شبکه ای ترسیم شود. مشخص کنید -1 ، که پیش فرض است ، برای محاسبه خودکار تعداد شبکه های بر اساس گزینه های دیگر.

نوع: number
پیش فرض: -1
vaxis.logscale

اگر true ، محور عمودی را به مقیاس لگاریتمی تبدیل می کند. توجه: تمام مقادیر باید مثبت باشند.

نوع: boolean
پیش فرض: false
vaxis.maxValue

مقدار حداکثر محور عمودی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به سمت بالا خواهد بود. نادیده گرفته می شود اگر این مقدار روی یک مقدار کوچکتر از حداکثر مقدار y داده ها تنظیم شود. vAxis.viewWindow.max این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: اتوماتیک
vaxis.minorgridlines

یک شی با اعضا برای پیکربندی خطوط جزئی در محور عمودی ، مشابه گزینه Vaxis.Gridlines.

نوع: object
پیش فرض: null
vaxis.minorgridlines.color

رنگ شبکه های جزئی عمودی در داخل منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: ترکیبی از رنگ های شبکه و پس زمینه
vaxis.minorgridlines.Count

گزینه minorGridlines.count بیشتر به جز غیرفعال کردن خطوط جزئی با تنظیم تعداد 0 ، بیشتر مستهلک می شود. تعداد شبکه های جزئی به فاصله بین شبکه های اصلی و حداقل فضای مورد نیاز بستگی دارد.

نوع: number
پیش فرض: 1
vaxis.minvalue

مقدار حداقل محور عمودی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها رو به پایین خواهد بود. اگر این مقدار بیشتر از حداقل ارزش y داده ها باشد ، نادیده گرفته می شود. vAxis.viewWindow.min این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: null
vaxis.TextPosition

موقعیت متن محور عمودی ، نسبت به منطقه نمودار. مقادیر پشتیبانی شده: 'out' ، 'in' ، 'none' .

نوع: string
پیش فرض: 'out'
vaxis.textStyle

شیئی که سبک متن محور عمودی را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vaxis.title

عنوانی را برای محور عمودی مشخص می کند.

نوع: string
پیش فرض: بدون عنوان
vaxis.titletextStyle

شیئی که سبک متن عنوان محور عمودی را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vaxis.viewwindow

دامنه برداشت محور عمودی را مشخص می کند.

نوع: object
پیش فرض: null
vaxis.viewwindow.max

حداکثر مقدار داده عمودی برای ارائه.

نادیده گرفته می شود وقتی vAxis.viewWindowMode "زیبا" یا "حداکثر" است.

نوع: number
پیش فرض: خودکار
vaxis.viewwindow.min

حداقل مقدار داده عمودی برای ارائه.

نادیده گرفته می شود وقتی vAxis.viewWindowMode "زیبا" یا "حداکثر" است.

نوع: number
پیش فرض: خودکار

گزینه های پیکربندی نمودار حباب

نام
رنگ پس زمینه

رنگ پس زمینه برای منطقه اصلی نمودار. به عنوان مثال می تواند یک رشته رنگی HTML ساده باشد ، به عنوان مثال: 'red' یا '#00cc00' یا یک شی با خصوصیات زیر.

نوع: string یا object
پیش فرض: 'white'
backgroundcolor.fill

رنگ پر از نمودار ، به عنوان یک رشته رنگ HTML.

نوع: string
پیش فرض: 'white'
حباب

یک شی با اعضا برای پیکربندی خصوصیات بصری حباب ها.

نوع: object
پیش فرض: null
حباب. ظرفیت

کدورت حباب ها ، جایی که 0 کاملاً شفاف و 1 کاملاً مات است.

نوع: تعداد بین 0.0 تا 1.0
پیش فرض: 0.8
حباب.

رنگ سکته مغزی.

نوع: string
پیش فرض: '#ccc'
bubble.TextStyle

شیئی که سبک متن حباب را مشخص می کند. شیء این قالب را دارد:

{color: <string>, fontName: <string>, fontSize: <number>}

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
نمودار

یک شی با اعضا برای پیکربندی قرارگیری و اندازه منطقه نمودار (جایی که خود نمودار کشیده شده است ، به استثنای محور و افسانه ها). دو قالب پشتیبانی می شود: یک عدد یا یک عدد که به دنبال ٪ است. یک عدد ساده یک مقدار در پیکسل است. تعدادی که از نظر ٪ دنبال می شود ، درصدی است. مثال: chartArea:{left:20,top:0,width:'50%',height:'75%'}

نوع: object
پیش فرض: null
Chartarea.BackgroundColor
رنگ پس زمینه منطقه نمودار. هنگامی که از یک رشته استفاده می شود ، می تواند یک رشته هگز (به عنوان مثال ، '#fdc' ) یا یک نام رنگی انگلیسی باشد. هنگامی که از یک شی استفاده می شود ، خواص زیر می تواند ارائه شود:
  • stroke : رنگ ، به عنوان یک رشته هگز یا نام رنگ انگلیسی ارائه شده است.
  • strokeWidth : در صورت فراهم شدن ، حاشیه ای را در اطراف نمودار نمودار از عرض مشخص (و با رنگ stroke ) ترسیم می کند.
نوع: string یا object
پیش فرض: 'white'
Chartarea.Height

ارتفاع منطقه نمودار.

نوع: number یا string
پیش فرض: خودکار
Chartarea.left

چقدر می توان نمودار را از مرز چپ ترسیم کرد.

نوع: number یا string
پیش فرض: خودکار
Chartarea.top

چقدر نمودار را از مرز بالا ترسیم می کنیم.

نوع: number یا string
پیش فرض: خودکار
Chartarea.Width

عرض منطقه نمودار.

نوع: number یا string
پیش فرض: خودکار
رنگ ها

رنگ هایی که برای عناصر نمودار استفاده می شود. مجموعه ای از رشته ها ، که در آن هر عنصر یک رشته رنگی HTML است ، به عنوان مثال: colors:['red','#004411'] .

نوع: آرایه رشته ها
پیش فرض: رنگ های پیش فرض
هکسی

یک شی با اعضا برای پیکربندی عناصر مختلف محور افقی. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
نوع: object
پیش فرض: null
haxis.direction

جهت که مقادیر در امتداد محور افقی رشد می کنند. برای معکوس کردن ترتیب مقادیر -1 را مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
haxis.Gridlines

یک شی با خصوصیات برای پیکربندی شبکه های روی محور افقی. توجه داشته باشید که شبکه های محور افقی به صورت عمودی ترسیم می شوند. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
haxis.gridlines.color

رنگ شبکه های افقی در داخل منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: '#CCC'
haxis.gridlines.count

تعداد تقریبی شبکه های افقی در منطقه نمودار. اگر تعداد مثبت را برای gridlines.count مشخص کنید ، از آن برای محاسبه minSpacing بین Gridlines استفاده می شود. شما می توانید مقدار 1 را مشخص کنید تا فقط یک شبکه خط یا 0 ترسیم کنید تا خطوط شبکه ای ترسیم شود. مشخص کنید -1 ، که پیش فرض است ، برای محاسبه خودکار تعداد شبکه های بر اساس گزینه های دیگر.

نوع: number
پیش فرض: -1
haxis.logscale

خاصیت hAxis که محور افقی را به یک مقیاس لگاریتمی تبدیل می کند (نیاز به مثبت بودن همه مقادیر دارد). برای بله true تنظیم کنید.

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: boolean
پیش فرض: false
haxis.maxValue

مقدار حداکثر محور افقی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به راست خواهد بود. نادیده گرفته می شود اگر این روی مقداری کوچکتر از حداکثر مقدار X داده ها تنظیم شود. hAxis.viewWindow.max این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: اتوماتیک
haxis.minorgridlines

یک شی با اعضا برای پیکربندی خطوط جزئی در محور افقی ، مشابه گزینه hAxis.gridlines .

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
haxis.minorgridlines.color

رنگ شبکه های جزئی افقی در منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: ترکیبی از رنگ های شبکه و پس زمینه
haxis.minorgridlines.count

گزینه minorGridlines.count بیشتر مستهلک می شود ، به جز غیرفعال کردن خطوط جزئی با تنظیم تعداد 0. تعداد شبکه های جزئی اکنون کاملاً به فاصله بین شبکه های اصلی بستگی دارد (به hAxis.gridlines.interval ) و حداقل فضای مورد نیاز (مراجعه کنید hAxis.minorGridlines.minSpacing ).

نوع: number
پیش فرض: 1
haxis.minvalue

مقدار حداقل محور افقی را به مقدار مشخص شده منتقل می کند. این در بیشتر نمودارها به سمت چپ خواهد بود. نادیده گرفته می شود اگر این مقدار بیشتر از حداقل مقدار x داده ها باشد. hAxis.viewWindow.min این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: اتوماتیک
haxis.TextPosition

موقعیت متن محور افقی ، نسبت به منطقه نمودار. مقادیر پشتیبانی شده: 'out' ، 'in' ، 'none' .

نوع: string
پیش فرض: 'out'
haxis.TextStyle

شیئی که سبک متن محور افقی را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
haxis.title

ویژگی hAxis که عنوان محور افقی را مشخص می کند.

نوع: string
پیش فرض: null
haxis.titletextStyle

شیئی که سبک متن متن افقی محور را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
haxis.viewwindow

دامنه برداشت محور افقی را مشخص می کند.

نوع: object
پیش فرض: null
haxis.viewwindow.max

حداکثر مقدار داده افقی برای ارائه.

نادیده گرفته می شود وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است.

نوع: number
پیش فرض: خودکار
haxis.viewwindow.min

حداقل مقدار داده افقی برای ارائه.

نادیده گرفته می شود وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است.

نوع: number
پیش فرض: خودکار
ارتفاع

ارتفاع نمودار در پیکسل ها.

نوع: number
پیش فرض: ارتفاع عنصر حاوی
افسانه

یک شی با اعضا برای پیکربندی جنبه های مختلف افسانه. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
نوع: object
پیش فرض: null
LEGEND.Position

موقعیت افسانه. می تواند یکی از موارد زیر باشد:

  • 'bottom' - زیر نمودار.
  • 'left' - در سمت چپ نمودار ، به شرطی که محور سمت چپ هیچ سری مرتبط با آن ندارد. بنابراین اگر می خواهید افسانه در سمت چپ ، از گزینه targetAxisIndex: 1 استفاده کنید.
  • 'in' - در داخل نمودار ، توسط گوشه بالا سمت چپ.
  • 'none' - هیچ افسانه ای نمایش داده نمی شود.
  • 'right' - در سمت راست نمودار. ناسازگار با گزینه vAxes .
  • 'top' - بالاتر از نمودار.
نوع: string
پیش فرض: 'right'
سبک افسانه

شیئی که سبک متن افسانه را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
سلسله

یک هدف از اشیاء ، که در آن کلیدها نام سری هستند (مقادیر موجود در ستون رنگ) و هر شیء که فرمت سری مربوطه را در نمودار توصیف می کند. اگر یک سری یا یک مقدار مشخص نشده باشد ، از مقدار جهانی استفاده می شود. هر شی از خصوصیات زیر پشتیبانی می کند:

  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگی معتبر HTML را مشخص کنید.
  • visibleInLegend - یک مقدار boolean ، جایی که true به این معنی است که این سریال باید دارای یک افسانه باشد ، و به معنای false است که نباید. پیش فرض true است
مثال: 
series: {'Europe': {color: 'green'}}
نوع: شی با اشیاء تو در تو
پیش فرض: {}
سیزائیکس

یک شیء با اعضا برای پیکربندی چگونگی ارتباط مقادیر با اندازه حباب. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

 {minValue: 0,  maxSize: 20}
نوع: object
پیش فرض: null
sizeaxis.maxsize

حداکثر شعاع بزرگترین حباب ممکن ، در پیکسل.

نوع: number
پیش فرض: 30
sizeaxis.minsize

حداقل شعاع کوچکترین حباب ممکن ، در پیکسل.

نوع: number
پیش فرض: 5
عنوان فرعی

متن برای نمایش زیر عنوان نمودار.

نوع: string
پیش فرض: بدون عنوان
زیرنویس

شیئی که سبک متن عنوان را مشخص می کند.

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

موضوع مجموعه ای از مقادیر گزینه از پیش تعریف شده است که برای دستیابی به یک رفتار خاص نمودار یا اثر بصری با هم کار می کنند. در حال حاضر فقط یک موضوع در دسترس است:

  • 'maximized' - مساحت نمودار را به حداکثر می رساند ، و افسانه و تمام برچسب های داخل منطقه نمودار را ترسیم می کند.
نوع: string
پیش فرض: null
عنوان

متن برای نمایش بالاتر از نمودار.

نوع: string
پیش فرض: بدون عنوان
سبک تیتراژ

شیئی که سبک متن عنوان را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
titlabelsastext

اگر روی true تنظیم شود ، نمودار ستون را به عنوان ستون متن رفتار می کند.

نوع: boolean
usefirstcolumnasdomain

در صورت تنظیم true ، نمودار ستون را به عنوان دامنه رفتار می کند.

نوع: boolean
دره

اگر نمودار دارای چندین محور عمودی باشد ، خواص محورهای عمودی فردی را مشخص می کند. هر شیء کودک یک شیء vAxis است و می تواند شامل تمام خواص پشتیبانی شده توسط vAxis باشد. این مقادیر خاصیت از هرگونه تنظیم جهانی برای همان ملک غلبه می کند.

برای مشخص کردن نمودار با چندین محور عمودی ، ابتدا یک محور جدید را با استفاده از series.targetAxisIndex تعریف کنید ، سپس محور را با استفاده از vAxes پیکربندی کنید. مثال زیر سری 2 را به محور سمت راست اختصاص می دهد و یک عنوان و سبک سفارشی را برای آن مشخص می کند:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

این خاصیت می تواند یک شی یا یک آرایه باشد: شیء مجموعه ای از اشیاء است که هر کدام دارای یک برچسب عددی هستند که محوری را که تعریف می کند مشخص می کند-این فرمی است که در بالا نشان داده شده است. آرایه مجموعه ای از اشیاء است ، یک در هر محور. به عنوان مثال ، نماد آرایه زیر با شیء vAxis که در بالا نشان داده شده است یکسان است:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
نوع: آرایه ای از شی یا شیء با اشیاء کودک
پیش فرض: null
وسیع

یک شی با اعضا برای پیکربندی عناصر مختلف محور عمودی. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
نوع: object
پیش فرض: null
vaxis.direction

جهت که مقادیر در امتداد محور عمودی رشد می کنند. به طور پیش فرض ، مقادیر کم در پایین نمودار قرار دارند. برای معکوس کردن ترتیب مقادیر -1 را مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
vaxis.Gridlines

یک شی با اعضا برای پیکربندی خطوط شبکه در محور عمودی. توجه داشته باشید که شبکه های محور عمودی به صورت افقی ترسیم می شوند. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
vaxis.gridlines.color

رنگ شبکه های عمودی در منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: '#CCC'
vaxis.gridlines.count

تعداد تقریبی شبکه های افقی در منطقه نمودار. اگر تعداد مثبت را برای gridlines.count مشخص کنید ، از آن برای محاسبه minSpacing بین Gridlines استفاده می شود. شما می توانید مقدار 1 را مشخص کنید تا فقط یک شبکه خط یا 0 ترسیم کنید تا خطوط شبکه ای ترسیم شود. مشخص کنید -1 ، که پیش فرض است ، برای محاسبه خودکار تعداد شبکه های بر اساس گزینه های دیگر.

نوع: number
پیش فرض: -1
vaxis.logscale

اگر true ، محور عمودی را به مقیاس لگاریتمی تبدیل می کند. توجه: تمام مقادیر باید مثبت باشند.

نوع: boolean
پیش فرض: false
vaxis.maxValue

مقدار حداکثر محور عمودی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به سمت بالا خواهد بود. نادیده گرفته می شود اگر این مقدار روی یک مقدار کوچکتر از حداکثر مقدار y داده ها تنظیم شود. vAxis.viewWindow.max این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: اتوماتیک
vaxis.minorgridlines

یک شی با اعضا برای پیکربندی خطوط جزئی در محور عمودی ، مشابه گزینه Vaxis.Gridlines.

نوع: object
پیش فرض: null
vaxis.minorgridlines.color

رنگ شبکه های جزئی عمودی در داخل منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: ترکیبی از رنگ های شبکه و پس زمینه
vaxis.minorgridlines.Count

گزینه minorGridlines.count بیشتر به جز غیرفعال کردن خطوط جزئی با تنظیم تعداد 0 ، بیشتر مستهلک می شود. تعداد شبکه های جزئی به فاصله بین شبکه های اصلی و حداقل فضای مورد نیاز بستگی دارد.

نوع: number
پیش فرض: 1
vaxis.minvalue

مقدار حداقل محور عمودی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها رو به پایین خواهد بود. اگر این مقدار بیشتر از حداقل ارزش y داده ها باشد ، نادیده گرفته می شود. vAxis.viewWindow.min این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: null
vaxis.TextPosition

موقعیت متن محور عمودی ، نسبت به منطقه نمودار. مقادیر پشتیبانی شده: 'out' ، 'in' ، 'none' .

نوع: string
پیش فرض: 'out'
vaxis.textStyle

شیئی که سبک متن محور عمودی را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vaxis.title

عنوانی را برای محور عمودی مشخص می کند.

نوع: string
پیش فرض: بدون عنوان
vaxis.titletextStyle

شیئی که سبک متن عنوان محور عمودی را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vaxis.viewwindow

دامنه برداشت محور عمودی را مشخص می کند.

نوع: object
پیش فرض: null
vaxis.viewwindow.max

حداکثر مقدار داده عمودی برای ارائه.

نادیده گرفته می شود وقتی vAxis.viewWindowMode "زیبا" یا "حداکثر" است.

نوع: number
پیش فرض: خودکار
vaxis.viewwindow.min

حداقل مقدار داده عمودی برای ارائه.

نادیده گرفته می شود وقتی vAxis.viewWindowMode "زیبا" یا "حداکثر" است.

نوع: number
پیش فرض: خودکار

گزینه های پیکربندی تقویم

نام
ارتفاع

ارتفاع نمودار در پیکسل ها.

نوع: number
پیش فرض: ارتفاع عنصر حاوی
عرض

عرض نمودار در پیکسل ها.

نوع: number
پیش فرض: عرض عنصر حاوی

گزینه های پیکربندی نمودار شمعدان

نام
رنگ پس زمینه

رنگ پس زمینه برای منطقه اصلی نمودار. به عنوان مثال می تواند یک رشته رنگی HTML ساده باشد ، به عنوان مثال: 'red' یا '#00cc00' یا یک شی با خصوصیات زیر.

نوع: string یا object
پیش فرض: 'white'
backgroundcolor.fill

رنگ پر از نمودار ، به عنوان یک رشته رنگ HTML.

نوع: string
پیش فرض: 'white'
نمودار

یک شی با اعضا برای پیکربندی قرارگیری و اندازه منطقه نمودار (جایی که خود نمودار کشیده شده است ، به استثنای محور و افسانه ها). دو قالب پشتیبانی می شود: یک عدد یا یک عدد که به دنبال ٪ است. یک عدد ساده یک مقدار در پیکسل است. تعدادی که از نظر ٪ دنبال می شود ، درصدی است. مثال: chartArea:{left:20,top:0,width:'50%',height:'75%'}

نوع: object
پیش فرض: null
Chartarea.BackgroundColor
رنگ پس زمینه منطقه نمودار. هنگامی که از یک رشته استفاده می شود ، می تواند یک رشته هگز (به عنوان مثال ، '#fdc' ) یا یک نام رنگی انگلیسی باشد. هنگامی که از یک شی استفاده می شود ، خواص زیر می تواند ارائه شود:
  • stroke : رنگ ، به عنوان یک رشته هگز یا نام رنگ انگلیسی ارائه شده است.
  • strokeWidth : در صورت فراهم شدن ، حاشیه ای را در اطراف نمودار نمودار از عرض مشخص (و با رنگ stroke ) ترسیم می کند.
نوع: string یا object
پیش فرض: 'white'
Chartarea.Height

ارتفاع منطقه نمودار.

نوع: number یا string
پیش فرض: خودکار
Chartarea.left

چقدر می توان نمودار را از مرز چپ ترسیم کرد.

نوع: number یا string
پیش فرض: خودکار
Chartarea.top

چقدر نمودار را از مرز بالا ترسیم می کنیم.

نوع: number یا string
پیش فرض: خودکار
Chartarea.Width

عرض منطقه نمودار.

نوع: number یا string
پیش فرض: خودکار
رنگ ها

رنگ هایی که برای عناصر نمودار استفاده می شود. مجموعه ای از رشته ها ، که در آن هر عنصر یک رشته رنگی HTML است ، به عنوان مثال: colors:['red','#004411'] .

نوع: آرایه رشته ها
پیش فرض: رنگ های پیش فرض
هکسی

یک شی با اعضا برای پیکربندی عناصر مختلف محور افقی. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
نوع: object
پیش فرض: null
haxis.direction

جهت که مقادیر در امتداد محور افقی رشد می کنند. برای معکوس کردن ترتیب مقادیر -1 را مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
haxis.Gridlines

یک شی با خصوصیات برای پیکربندی شبکه های روی محور افقی. توجه داشته باشید که شبکه های محور افقی به صورت عمودی ترسیم می شوند. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
haxis.gridlines.color

رنگ شبکه های افقی در داخل منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: '#CCC'
haxis.gridlines.count

تعداد تقریبی شبکه های افقی در منطقه نمودار. اگر تعداد مثبت را برای gridlines.count مشخص کنید ، از آن برای محاسبه minSpacing بین Gridlines استفاده می شود. شما می توانید مقدار 1 را مشخص کنید تا فقط یک شبکه خط یا 0 ترسیم کنید تا خطوط شبکه ای ترسیم شود. مشخص کنید -1 ، که پیش فرض است ، برای محاسبه خودکار تعداد شبکه های بر اساس گزینه های دیگر.

نوع: number
پیش فرض: -1
haxis.logscale

خاصیت hAxis که محور افقی را به یک مقیاس لگاریتمی تبدیل می کند (نیاز به مثبت بودن همه مقادیر دارد). برای بله true تنظیم کنید.

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: boolean
پیش فرض: false
haxis.maxValue

مقدار حداکثر محور افقی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به راست خواهد بود. نادیده گرفته می شود اگر این روی مقداری کوچکتر از حداکثر مقدار X داده ها تنظیم شود. hAxis.viewWindow.max این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: اتوماتیک
haxis.minorgridlines

یک شی با اعضا برای پیکربندی خطوط جزئی در محور افقی ، مشابه گزینه hAxis.gridlines .

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
haxis.minorgridlines.color

رنگ شبکه های جزئی افقی در منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: ترکیبی از رنگ های شبکه و پس زمینه
haxis.minorgridlines.count

گزینه minorGridlines.count بیشتر مستهلک می شود ، به جز غیرفعال کردن خطوط جزئی با تنظیم تعداد 0. تعداد شبکه های جزئی اکنون کاملاً به فاصله بین شبکه های اصلی بستگی دارد (به hAxis.gridlines.interval ) و حداقل فضای مورد نیاز (مراجعه کنید hAxis.minorGridlines.minSpacing ).

نوع: number
پیش فرض: 1
haxis.minvalue

مقدار حداقل محور افقی را به مقدار مشخص شده منتقل می کند. این در بیشتر نمودارها به سمت چپ خواهد بود. نادیده گرفته می شود اگر این مقدار بیشتر از حداقل مقدار x داده ها باشد. hAxis.viewWindow.min این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: اتوماتیک
haxis.TextPosition

موقعیت متن محور افقی ، نسبت به منطقه نمودار. مقادیر پشتیبانی شده: 'out' ، 'in' ، 'none' .

نوع: string
پیش فرض: 'out'
haxis.TextStyle

شیئی که سبک متن محور افقی را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
haxis.title

ویژگی hAxis که عنوان محور افقی را مشخص می کند.

نوع: string
پیش فرض: null
haxis.titletextStyle

شیئی که سبک متن متن افقی محور را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
haxis.viewwindow

دامنه برداشت محور افقی را مشخص می کند.

نوع: object
پیش فرض: null
haxis.viewwindow.max

حداکثر مقدار داده افقی برای ارائه.

نادیده گرفته می شود وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است.

نوع: number
پیش فرض: خودکار
haxis.viewwindow.min

حداقل مقدار داده افقی برای ارائه.

نادیده گرفته می شود وقتی hAxis.viewWindowMode 'pretty' یا 'maximized' است.

نوع: number
پیش فرض: خودکار
ارتفاع

ارتفاع نمودار در پیکسل ها.

نوع: number
پیش فرض: ارتفاع عنصر حاوی
افسانه

یک شی با اعضا برای پیکربندی جنبه های مختلف افسانه. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
نوع: object
پیش فرض: null
LEGEND.Position

موقعیت افسانه. می تواند یکی از موارد زیر باشد:

  • 'bottom' - زیر نمودار.
  • 'left' - در سمت چپ نمودار ، به شرطی که محور سمت چپ هیچ سری مرتبط با آن ندارد. بنابراین اگر می خواهید افسانه در سمت چپ ، از گزینه targetAxisIndex: 1 استفاده کنید.
  • 'in' - در داخل نمودار ، توسط گوشه بالا سمت چپ.
  • 'none' - هیچ افسانه ای نمایش داده نمی شود.
  • 'right' - در سمت راست نمودار. ناسازگار با گزینه vAxes .
  • 'top' - بالاتر از نمودار.
نوع: string
پیش فرض: 'right'
سبک افسانه

شیئی که سبک متن افسانه را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
دسته بندی های معکوس

اگر روی true تنظیم شود ، سری را از راست به چپ ترسیم می کند. پیش فرض این است که از چپ به راست ترسیم شود.

این گزینه فقط برای یک محور major discrete پشتیبانی می شود.

نوع: boolean
پیش فرض: false
سلسله

مجموعه ای از اشیاء ، هر کدام فرمت سری مربوطه را در نمودار توصیف می کنند. برای استفاده از مقادیر پیش فرض برای یک سری ، یک شیء خالی {} مشخص کنید. اگر یک سری یا یک مقدار مشخص نشده باشد ، از مقدار جهانی استفاده می شود. هر شی از خصوصیات زیر پشتیبانی می کند:

  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگی معتبر HTML را مشخص کنید.
  • fallingColor.fill - ارزش جهانی candlestick.fallingColor.fill برای این سری را نادیده می گیرد.
  • fallingColor.stroke - ارزش جهانی candlestick.fallingColor.stroke را برای این سری غلبه می کند.
  • fallingColor.strokeWidth - ارزش جهانی candlestick.fallingColor.strokeWidth را برای این سری غلبه می کند.
  • labelInLegend - توضیحات این سریال در افسانه نمودار ظاهر می شود.
  • risingColor.fill - ارزش جهانی candlestick.risingColor.fill را برای این سری غلبه می کند.
  • risingColor.stroke - ارزش جهانی candlestick.risingColor.stroke را برای این سری غلبه می کند.
  • risingColor.strokeWidth - ارزش جهانی candlestick.risingColor.strokeWidth را برای این سری اضافه می کند.
  • targetAxisIndex - کدام محور برای اختصاص این سری ، که در آن 0 محور پیش فرض است و 1 محور مخالف است. مقدار پیش فرض 0 است. روی 1 تنظیم کنید تا نمودار را تعریف کنید که در آن سری های مختلف در برابر محورهای مختلف قرار می گیرند. حداقل یک سری باید به محور پیش فرض اختصاص یابد. می توانید مقیاس متفاوتی را برای محورهای مختلف تعریف کنید.
  • visibleInLegend - یک مقدار boolean ، جایی که true به این معنی است که این سریال باید دارای یک افسانه باشد ، و به معنای false است که نباید. پیش فرض true است

شما می توانید مجموعه ای از اشیاء را مشخص کنید ، که هر یک از آنها به ترتیب داده شده در مورد این سریال اعمال می شود ، یا می توانید یک شیء را مشخص کنید که در آن هر کودک دارای یک کلید عددی است که نشان می دهد از کدام سری استفاده می کند. به عنوان مثال ، دو اعلامیه زیر یکسان هستند و سری اول را به عنوان سیاه و غایب از افسانه اعلام می کنند ، و چهارم به عنوان قرمز و غایب از افسانه:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
نوع: آرایه اشیاء یا شیء با اشیاء تو در تو
پیش فرض: {}
عنوان فرعی

متن برای نمایش زیر عنوان نمودار.

نوع: string
پیش فرض: بدون عنوان
زیرنویس

شیئی که سبک متن عنوان را مشخص می کند.

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

موضوع مجموعه ای از مقادیر گزینه از پیش تعریف شده است که برای دستیابی به یک رفتار خاص نمودار یا اثر بصری با هم کار می کنند. در حال حاضر فقط یک موضوع در دسترس است:

  • 'maximized' - مساحت نمودار را به حداکثر می رساند ، و افسانه و تمام برچسب های داخل منطقه نمودار را ترسیم می کند.
نوع: string
پیش فرض: null
عنوان

متن برای نمایش بالاتر از نمودار.

نوع: string
پیش فرض: بدون عنوان
سبک تیتراژ

شیئی که سبک متن عنوان را مشخص می کند. شیء این قالب را دارد:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

به عنوان مثال ، color می تواند هر رشته رنگی HTML باشد: 'red' یا '#00cc00' . همچنین fontName و fontSize را ببینید.

نوع: object
پیش فرض: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
usefirstcolumnasdomain

در صورت تنظیم true ، نمودار ستون را به عنوان دامنه رفتار می کند.

نوع: boolean
دره

اگر نمودار دارای چندین محور عمودی باشد ، خواص محورهای عمودی فردی را مشخص می کند. هر شیء کودک یک شیء vAxis است و می تواند شامل تمام خواص پشتیبانی شده توسط vAxis باشد. این مقادیر خاصیت از هرگونه تنظیم جهانی برای همان ملک غلبه می کند.

برای مشخص کردن نمودار با چندین محور عمودی ، ابتدا یک محور جدید را با استفاده از series.targetAxisIndex تعریف کنید ، سپس محور را با استفاده از vAxes پیکربندی کنید. مثال زیر سری 2 را به محور سمت راست اختصاص می دهد و یک عنوان و سبک سفارشی را برای آن مشخص می کند:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

این خاصیت می تواند یک شی یا یک آرایه باشد: شیء مجموعه ای از اشیاء است که هر کدام دارای یک برچسب عددی هستند که محوری را که تعریف می کند مشخص می کند-این فرمی است که در بالا نشان داده شده است. آرایه مجموعه ای از اشیاء است ، یک در هر محور. به عنوان مثال ، نماد آرایه زیر با شیء vAxis که در بالا نشان داده شده است یکسان است:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
نوع: آرایه ای از شی یا شیء با اشیاء کودک
پیش فرض: null
وسیع

یک شی با اعضا برای پیکربندی عناصر مختلف محور عمودی. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
نوع: object
پیش فرض: null
vaxis.direction

جهت که مقادیر در امتداد محور عمودی رشد می کنند. به طور پیش فرض ، مقادیر کم در پایین نمودار قرار دارند. برای معکوس کردن ترتیب مقادیر -1 را مشخص کنید.

نوع: 1 یا -1
پیش فرض: 1
vaxis.Gridlines

یک شی با اعضا برای پیکربندی خطوط شبکه در محور عمودی. توجه داشته باشید که شبکه های محور عمودی به صورت افقی ترسیم می شوند. برای مشخص کردن خصوصیات این شی ، می توانید همانطور که در اینجا نشان داده شده است از نماد لفظی شی استفاده کنید:

{color: '#333', minSpacing: 20}

این گزینه فقط برای یک محور continuous پشتیبانی می شود.

نوع: object
پیش فرض: null
vaxis.gridlines.color

رنگ شبکه های عمودی در منطقه نمودار. یک رشته رنگی معتبر HTML را مشخص کنید.

نوع: string
پیش فرض: '#CCC'
vaxis.gridlines.count

تعداد تقریبی شبکه های افقی در منطقه نمودار. اگر تعداد مثبت را برای gridlines.count مشخص کنید ، از آن برای محاسبه minSpacing بین Gridlines استفاده می شود. شما می توانید مقدار 1 را مشخص کنید تا فقط یک شبکه خط یا 0 ترسیم کنید تا خطوط شبکه ای ترسیم شود. مشخص کنید -1 ، که پیش فرض است ، برای محاسبه خودکار تعداد شبکه های بر اساس گزینه های دیگر.

نوع: number
پیش فرض: -1
vaxis.logscale

اگر true ، محور عمودی را به مقیاس لگاریتمی تبدیل می کند. توجه: تمام مقادیر باید مثبت باشند.

نوع: boolean
پیش فرض: false
vaxis.maxValue

مقدار حداکثر محور عمودی را به مقدار مشخص شده منتقل می کند. این در اکثر نمودارها به سمت بالا خواهد بود. نادیده گرفته می شود اگر این مقدار روی یک مقدار کوچکتر از حداکثر مقدار y داده ها تنظیم شود. vAxis.viewWindow.max این ویژگی را نادیده می گیرد.

نوع: number
پیش فرض: اتوماتیک
vaxis.minorgridlines

یک شی با اعضا برای پیکربندی خطوط جزئی در محور عمودی ، مشابه گزینه Vaxis.Gridlines.

نوع: object
پیش فرض: null
vaxis.minorgridlines.color

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
vAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

نوع: number
Default: 1
vAxis.minValue

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

نوع: number
Default: null
vAxis.textPosition

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
vAxis.textStyle

An object that specifies the vertical axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifies a title for the vertical axis.

نوع: string
Default: no title
vAxis.titleTextStyle

An object that specifies the vertical axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifies the cropping range of the vertical axis.

Type: object
Default: null
vAxis.viewWindow.max

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto
vAxis.viewWindow.min

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto

Column chart configuration options

نام
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

نوع: string
Default: 'white'
chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
  • stroke : The color, provided as a hex string or English color name.
  • strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).
Type: string or object
Default: 'white'
chartArea.height

Chart area height.

Type: number or string
Default: auto
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top

How far to draw the chart from the top border.

Type: number or string
Default: auto
chartArea.width

Chart area width.

Type: number or string
Default: auto
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
hAxis

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type: object
Default: null
hAxis.direction

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
hAxis.gridlines

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.gridlines.color

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
hAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
hAxis.logScale

hAxis property that makes the horizontal axis a logarithmic scale (requires all values to be positive). Set to true for yes.

This option is only supported for a continuous axis.

Type: boolean
پیش فرض: false
hAxis.maxValue

Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. hAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
hAxis.minorGridlines

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.minorGridlines.color

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
hAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

نوع: number
Default: 1
hAxis.minValue

Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. hAxis.viewWindow.min overrides this property.

نوع: number
Default: automatic
hAxis.textPosition

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
hAxis.textStyle

An object that specifies the horizontal axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis property that specifies the title of the horizontal axis.

نوع: string
Default: null
hAxis.titleTextStyle

An object that specifies the horizontal axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifies the cropping range of the horizontal axis.

Type: object
Default: null
hAxis.viewWindow.max

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
hAxis.viewWindow.min

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
ارتفاع

Height of the chart in pixels.

نوع: number
Default: height of the containing element
isStacked

If set to true , stacks the elements for all series at each domain value. Note: In Column , Area , and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (Eg series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

  • false — elements will not stack. این گزینه ی پیش فرض می باشد.
  • true — stacks elements for all series at each domain value.
  • 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%.
  • 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1.
  • 'absolute' — functions the same as isStacked: true .

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative' , and 0-100% for 'percent' ( Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent' , be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number , and must have a baseline of zero.

Type: boolean / string
پیش فرض: false
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legend.position

Position of the legend. Can be one of the following:

  • 'bottom' - Below the chart.
  • 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
  • 'in' - Inside the chart, by the top left corner.
  • 'none' - No legend is displayed.
  • 'right' - To the right of the chart. Incompatible with the vAxes option.
  • 'top' - Above the chart.
نوع: string
Default: 'right'
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

Type: boolean
پیش فرض: false
سلسله

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

  • annotations - An object to be applied to annotations for this series. This can be used to control, for instance, the textStyle for the series:

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    See the various annotations options for a more complete list of what can be customized.

  • color - The color to use for this series. Specify a valid HTML color string.
  • labelInLegend - The description of the series to appear in the chart legend.
  • targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type: Array of objects, or object with nested objects
Default: {}
عنوان فرعی

Text to display below the chart title.

نوع: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

  • 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.
نوع: string
Default: null
عنوان

Text to display above the chart.

نوع: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
trendlines

Displays trendlines on the charts that support them. By default, linear trendlines are used, but this can be customized with the trendlines. n .type option.

Trendlines are specified on a per-series basis, so most of the time your options will look like this:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Type: object
Default: null
trendlines.n.color

The color of the trendline , expressed as either an English color name or a hex string.

نوع: string
Default: default series color
trendlines.n.degree

For trendlines of type: 'polynomial' , the degree of the polynomial ( 2 for quadratic, 3 for cubic, and so on).

نوع: number
Default: 3
trendlines.n.labelInLegend

If set, the trendline will appear in the legend as this string.

نوع: string
Default: null
trendlines.n.lineWidth

The line width of the trendline , in pixels.

نوع: number
پیش فرض: 2
trendlines.n.type

Whether the trendlines is 'linear' (the default), 'exponential' , or 'polynomial' .

نوع: string
Default: linear
trendlines.n.visibleInLegend

Whether the trendline equation appears in the legend. It will appear in the trendline tooltip.

Type: boolean
پیش فرض: false
useFirstColumnAsDomain

If set to true , the chart will treat the column as the domain.

Type: boolean
vAxes

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type: Array of object, or object with child objects
Default: null
vAxis

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type: object
Default: null
vAxis.direction

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
vAxis.gridlines

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
vAxis.gridlines.color

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
vAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
vAxis.logScale

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Type: boolean
پیش فرض: false
vAxis.maxValue

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
vAxis.minorGridlines

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

Type: object
Default: null
vAxis.minorGridlines.color

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
vAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

نوع: number
Default: 1
vAxis.minValue

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

نوع: number
Default: null
vAxis.textPosition

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
vAxis.textStyle

An object that specifies the vertical axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifies a title for the vertical axis.

نوع: string
Default: no title
vAxis.titleTextStyle

An object that specifies the vertical axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifies the cropping range of the vertical axis.

Type: object
Default: null
vAxis.viewWindow.max

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto
vAxis.viewWindow.min

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto

Combo chart configuration options

نام
areaOpacity

The default opacity of the colored area under an area chart series, where 0.0 is fully transparent and 1.0 is fully opaque. To specify opacity for an individual series, set the areaOpacity value in the series property.

Type: number , 0.0- 1.0
Default: 0.3
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

نوع: string
Default: 'white'
chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
  • stroke : The color, provided as a hex string or English color name.
  • strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).
Type: string or object
Default: 'white'
chartArea.height

Chart area height.

Type: number or string
Default: auto
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top

How far to draw the chart from the top border.

Type: number or string
Default: auto
chartArea.width

Chart area width.

Type: number or string
Default: auto
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
curveType

Controls the curve of the lines when the line width is not zero. Can be one of the following:

  • 'none' - Straight lines without curve.
  • 'function' - The angles of the line will be smoothed.
نوع: string
Default: 'none'
hAxis

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type: object
Default: null
hAxis.direction

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
hAxis.gridlines

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.gridlines.color

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
hAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
hAxis.logScale

hAxis property that makes the horizontal axis a logarithmic scale (requires all values to be positive). Set to true for yes.

This option is only supported for a continuous axis.

Type: boolean
پیش فرض: false
hAxis.maxValue

Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. hAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
hAxis.minorGridlines

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.minorGridlines.color

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
hAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

نوع: number
Default: 1
hAxis.minValue

Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. hAxis.viewWindow.min overrides this property.

نوع: number
Default: automatic
hAxis.textPosition

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
hAxis.textStyle

An object that specifies the horizontal axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis property that specifies the title of the horizontal axis.

نوع: string
Default: null
hAxis.titleTextStyle

An object that specifies the horizontal axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifies the cropping range of the horizontal axis.

Type: object
Default: null
hAxis.viewWindow.max

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
hAxis.viewWindow.min

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
ارتفاع

Height of the chart in pixels.

نوع: number
Default: height of the containing element
interpolateNulls

Whether to guess the value of missing points. If true , it will guess the value of any missing data based on neighboring points. If false , it will leave a break in the line at the unknown point.

This is not supported by Area charts with the isStacked: true/'percent'/'relative'/'absolute' option.

Type: boolean
پیش فرض: false
isStacked

If set to true , stacks the elements for all series at each domain value. Note: In Column , Area , and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (Eg series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

  • false — elements will not stack. این گزینه ی پیش فرض می باشد.
  • true — stacks elements for all series at each domain value.
  • 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%.
  • 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1.
  • 'absolute' — functions the same as isStacked: true .

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative' , and 0-100% for 'percent' ( Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent' , be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number , and must have a baseline of zero.

Type: boolean / string
پیش فرض: false
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legend.position

Position of the legend. Can be one of the following:

  • 'bottom' - Below the chart.
  • 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
  • 'in' - Inside the chart, by the top left corner.
  • 'none' - No legend is displayed.
  • 'right' - To the right of the chart. Incompatible with the vAxes option.
  • 'top' - Above the chart.
نوع: string
Default: 'right'
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the series property.

نوع: number
پیش فرض: 2
pointShape

The shape of individual data elements: 'circle' , 'triangle' , 'square' , 'diamond' , 'star' or 'polygon' . See the points documentation for examples.

نوع: string
Default: 'circle'
pointSize

Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the series property. If you're using a trendline , the pointSize option will affect the width of the trendline unless you override it with the trendlines.n.pointsize option.

نوع: number
Default: 0
reverseCategories

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

Type: boolean
پیش فرض: false
سلسله

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

  • annotations - An object to be applied to annotations for this series. This can be used to control, for instance, the textStyle for the series:

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    See the various annotations options for a more complete list of what can be customized.

  • areaOpacity - Overrides the global areaOpacity for this series..
  • color - The color to use for this series. Specify a valid HTML color string.
  • curveType - Overrides the global curveType value for this series.
  • fallingColor.fill - Overrides the global candlestick.fallingColor.fill value for this series.
  • fallingColor.stroke - Overrides the global candlestick.fallingColor.stroke value for this series.
  • fallingColor.strokeWidth - Overrides the global candlestick.fallingColor.strokeWidth value for this series.
  • labelInLegend - The description of the series to appear in the chart legend.
  • lineDashStyle - Overrides the global lineDashStyle value for this series.
  • lineWidth - Overrides the global lineWidth value for this series.
  • pointShape - Overrides the global pointShape value for this series.
  • pointSize - Overrides the global pointSize value for this series.
  • pointsVisible - Overrides the global pointsVisible value for this series.
  • risingColor.fill - Overrides the global candlestick.risingColor.fill value for this series.
  • risingColor.stroke - Overrides the global candlestick.risingColor.stroke value for this series.
  • risingColor.strokeWidth - Overrides the global candlestick.risingColor.strokeWidth value for this series.
  • targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.
  • type - The type of marker for this series. Valid values are 'line', 'area', 'bars', and 'steppedArea'. Note that bars are actually vertical bars (columns). The default value is specified by the chart's seriesType option.
  • visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type: Array of objects, or object with nested objects
Default: {}
عنوان فرعی

Text to display below the chart title.

نوع: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

  • 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.
نوع: string
Default: null
عنوان

Text to display above the chart.

نوع: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

If set to true , the chart will treat the column as the domain.

Type: boolean
vAxes

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type: Array of object, or object with child objects
Default: null
vAxis

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type: object
Default: null
vAxis.direction

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
vAxis.gridlines

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
vAxis.gridlines.color

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
vAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
vAxis.logScale

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Type: boolean
پیش فرض: false
vAxis.maxValue

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
vAxis.minorGridlines

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

Type: object
Default: null
vAxis.minorGridlines.color

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
vAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

نوع: number
Default: 1
vAxis.minValue

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

نوع: number
Default: null
vAxis.textPosition

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
vAxis.textStyle

An object that specifies the vertical axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifies a title for the vertical axis.

نوع: string
Default: no title
vAxis.titleTextStyle

An object that specifies the vertical axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifies the cropping range of the vertical axis.

Type: object
Default: null
vAxis.viewWindow.max

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto
vAxis.viewWindow.min

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto

Gauge configuration options

نام
رنگ سبز

The color to use for the green section in HTML color notation.

نوع: string
Default: '#109618'
greenFrom

The lowest value for a range marked by a green color.

نوع: number
Default: none
greenTo

The highest value for a range marked by a green color.

نوع: number
Default: none
ارتفاع

Height of the chart in pixels.

نوع: number
Default: Container's width
حداکثر

The maximum value to show on the Y axis. If the maximum data point exceeds this value, this setting is ignored, and the chart is adjusted to show the next major tick mark above the maximum data point. This takes precedence over the Y axis maximum determined by scaleType .

This is similar to maxValue in core charts.

نوع: number
Default: automatic
دقیقه

The minimum value to show on the Y axis. If the minimum data point is less than this value, this setting is ignored, and the chart is adjusted to show the next major tick mark below the minimum data point. This takes precedence over the Y axis minimum determined by scaleType .

This is similar to minValue in core charts.

نوع: number
Default: automatic
رنگ قرمز

The color to use for the red section in HTML color notation.

نوع: string
Default: '#DC3912'
redFrom

The lowest value for a range marked by a red color.

نوع: number
Default: none
redTo

The highest value for a range marked by a red color.

نوع: number
Default: none
عرض

Width of the chart in pixels.

نوع: number
Default: Container's width
رنگ زرد

The color to use for the yellow section in HTML color notation.

نوع: string
Default: '#FF9900'
yellowFrom

The lowest value for a range marked by a yellow color.

نوع: number
Default: none
yellowTo

The highest value for a range marked by a yellow color.

نوع: number
Default: none

Geochart configuration options

نام
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

نوع: string
Default: 'white'
datalessRegionColor

Color to assign to regions with no associated data.

نوع: string
Default: '#F5F5F5'
defaultColor

The color to use for data points in a geochart when the location (eg, 'US' ) is present but the value is either null or unspecified. This is distinct from datalessRegionColor , which is the color used when data is missing.

نوع: string
Default: '#267114'
حالت نمایش

Which type of geochart this is. The DataTable format must match the value specified. The following values are supported:

  • 'auto' - Choose based on the format of the DataTable.
  • 'regions' - Color the regions on the geochart.
  • 'markers' - Place markers on the regions.
  • 'text' - Label the regions with text from the DataTable.
نوع: string
Default: 'auto'
ارتفاع

Height of the chart in pixels.

نوع: number
Default: height of the containing element
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
منطقه

The area to display on the geochart. Surrounding areas are displayed as well. Can be one of the following:

  • 'world' - A geochart of the entire world.
  • A continent or a sub-continent, specified by its 3-digit code , eg, '011' for Western Africa.
  • A country, specified by its ISO 3166-1 alpha-2 code, eg, 'AU' for Australia.
  • A state in the United States, specified by its ISO 3166-2:US code, eg, 'US-AL' for Alabama. Note that the resolution option must be set to either 'provinces' or 'metros' .
نوع: string
Default: 'world'
عرض

Width of the chart in pixels.

نوع: number
Default: width of the containing element

Histogram configuration options

نام
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

نوع: string
Default: 'white'
chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
  • stroke : The color, provided as a hex string or English color name.
  • strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).
Type: string or object /div>
Default: 'white'
chartArea.height

Chart area height.

Type: number or string
Default: auto
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top

How far to draw the chart from the top border.

Type: number or string
Default: auto
chartArea.width

Chart area width.

Type: number or string
Default: auto
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
hAxis

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type: object
Default: null
hAxis.gridlines

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.gridlines.color

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
hAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
hAxis.minorGridlines

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.minorGridlines.color

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
hAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

نوع: number
Default: 1
hAxis.textPosition

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
hAxis.textStyle

An object that specifies the horizontal axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis property that specifies the title of the horizontal axis.

نوع: string
Default: null
hAxis.titleTextStyle

An object that specifies the horizontal axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifies the cropping range of the horizontal axis.

Type: object
Default: null
hAxis.viewWindow.max

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
hAxis.viewWindow.min

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
ارتفاع

Height of the chart in pixels.

نوع: number
Default: height of the containing element
histogram.bucketSize

Hardcode the size of each histogram bar, rather than letting it be determined algorithmically.

نوع: number
Default: auto
histogram.hideBucketItems

Omit the thin divisions between the blocks of the histogram, making it into a series of solid bars.

Type: boolean
پیش فرض: false
histogram.lastBucketPercentile

When calculating the histogram's bucket size, ignore the top and bottom lastBucketPercentile percent. The values are still included in the histogram, but do not affect bucketing.

نوع: number
Default: 0
interpolateNulls

Whether to guess the value of missing points. If true , it will guess the value of any missing data based on neighboring points. If false , it will leave a break in the line at the unknown point.

This is not supported by Area charts with the isStacked: true/'percent'/'relative'/'absolute' option.

Type: boolean
پیش فرض: false
isStacked

If set to true , stacks the elements for all series at each domain value. Note: In Column , Area , and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (Eg series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

  • false — elements will not stack. این گزینه ی پیش فرض می باشد.
  • true — stacks elements for all series at each domain value.
  • 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%.
  • 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1.
  • 'absolute' — functions the same as isStacked: true .

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative' , and 0-100% for 'percent' ( Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent' , be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number , and must have a baseline of zero.

Type: boolean / string
پیش فرض: false
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legend.position

Position of the legend. Can be one of the following:

  • 'bottom' - Below the chart.
  • 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
  • 'in' - Inside the chart, by the top left corner.
  • 'none' - No legend is displayed.
  • 'right' - To the right of the chart. Incompatible with the vAxes option.
  • 'top' - Above the chart.
نوع: string
Default: 'right'
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

Type: boolean
پیش فرض: false
سلسله

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

  • color - The color to use for this series. Specify a valid HTML color string.
  • labelInLegend - The description of the series to appear in the chart legend.
  • targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.
  • visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type: Array of objects, or object with nested objects
Default: {}
عنوان فرعی

Text to display below the chart title.

نوع: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

  • 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.
نوع: string
Default: null
عنوان

Text to display above the chart.

نوع: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

If set to true , the chart will treat the column as the domain.

Type: boolean
vAxes

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type: Array of object, or object with child objects
Default: null
vAxis

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type: object
Default: null
vAxis.direction

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
vAxis.gridlines

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
vAxis.gridlines.color

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
vAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
vAxis.logScale

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Type: boolean
پیش فرض: false
vAxis.maxValue

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
vAxis.minorGridlines

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

Type: object
Default: null
vAxis.minorGridlines.color

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
vAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

نوع: number
Default: 1
vAxis.minValue

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

نوع: number
Default: null
vAxis.textPosition

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
vAxis.textStyle

An object that specifies the vertical axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifies a title for the vertical axis.

نوع: string
Default: no title
vAxis.titleTextStyle

An object that specifies the vertical axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifies the cropping range of the vertical axis.

Type: object
Default: null
vAxis.viewWindow.max

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto
vAxis.viewWindow.min

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto
عرض

Width of the chart in pixels.

نوع: number
Default: width of the containing element

Line chart configuration options

نام
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

نوع: string
Default: 'white'
chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
  • stroke : The color, provided as a hex string or English color name.
  • strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).
Type: string or object
Default: 'white'
chartArea.height

Chart area height.

Type: number or string
Default: auto
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top

How far to draw the chart from the top border.

Type: number or string
Default: auto
chartArea.width

Chart area width.

Type: number or string
Default: auto
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
curveType

Controls the curve of the lines when the line width is not zero. Can be one of the following:

  • 'none' - Straight lines without curve.
  • 'function' - The angles of the line will be smoothed.
نوع: string
Default: 'none'
hAxis

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type: object
Default: null
hAxis.direction

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
hAxis.gridlines

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.gridlines.color

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
hAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
hAxis.logScale

hAxis property that makes the horizontal axis a logarithmic scale (requires all values to be positive). Set to true for yes.

This option is only supported for a continuous axis.

Type: boolean
پیش فرض: false
hAxis.maxValue

Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. hAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
hAxis.minorGridlines

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.minorGridlines.color

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
hAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

نوع: number
Default: 1
hAxis.minValue

Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. hAxis.viewWindow.min overrides this property.

نوع: number
Default: automatic
hAxis.textPosition

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
hAxis.textStyle

An object that specifies the horizontal axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis property that specifies the title of the horizontal axis.

نوع: string
Default: null
hAxis.titleTextStyle

An object that specifies the horizontal axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifies the cropping range of the horizontal axis.

Type: object
Default: null
hAxis.viewWindow.max

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
hAxis.viewWindow.min

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
ارتفاع

Height of the chart in pixels.

نوع: number
Default: height of the containing element
interpolateNulls

Whether to guess the value of missing points. If true , it will guess the value of any missing data based on neighboring points. If false , it will leave a break in the line at the unknown point.

This is not supported by Area charts with the isStacked: true/'percent'/'relative'/'absolute' option.

Type: boolean
پیش فرض: false
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legend.position

Position of the legend. Can be one of the following:

  • 'bottom' - Below the chart.
  • 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
  • 'in' - Inside the chart, by the top left corner.
  • 'none' - No legend is displayed.
  • 'right' - To the right of the chart. Incompatible with the vAxes option.
  • 'top' - Above the chart.
نوع: string
Default: 'right'
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the series property.

نوع: number
پیش فرض: 2
pointShape

The shape of individual data elements: 'circle' , 'triangle' , 'square' , 'diamond' , 'star' or 'polygon' . See the points documentation for examples.

نوع: string
Default: 'circle'
pointSize

Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the series property. If you're using a trendline , the pointSize option will affect the width of the trendline unless you override it with the trendlines.n.pointsize option.

نوع: number
Default: 0
reverseCategories

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

Type: boolean
پیش فرض: false
سلسله

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

  • annotations - An object to be applied to annotations for this series. This can be used to control, for instance, the textStyle for the series:

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    See the various annotations options for a more complete list of what can be customized.

  • type - The type of marker for this series. Valid values are 'line', 'area', 'bars', and 'steppedArea'. Note that bars are actually vertical bars (columns). The default value is specified by the chart's seriesType option.
  • color - The color to use for this series. Specify a valid HTML color string.
  • curveType - Overrides the global curveType value for this series.
  • labelInLegend - The description of the series to appear in the chart legend.
  • lineDashStyle - Overrides the global lineDashStyle value for this series.
  • lineWidth - Overrides the global lineWidth value for this series.
  • pointShape - Overrides the global pointShape value for this series.
  • pointSize - Overrides the global pointSize value for this series.
  • pointsVisible - Overrides the global pointsVisible value for this series.
  • targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.
  • visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type: Array of objects, or object with nested objects
Default: {}
عنوان فرعی

Text to display below the chart title.

نوع: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

  • 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.
نوع: string
Default: null
عنوان

Text to display above the chart.

نوع: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

If set to true , the chart will treat the column as a text column.

Type: boolean
trendlines

Displays trendlines on the charts that support them. By default, linear trendlines are used, but this can be customized with the trendlines. n .type option.

Trendlines are specified on a per-series basis, so most of the time your options will look like this:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Type: object
Default: null
trendlines.n.color

The color of the trendline , expressed as either an English color name or a hex string.

نوع: string
Default: default series color
trendlines.n.degree

For trendlines of type: 'polynomial' , the degree of the polynomial ( 2 for quadratic, 3 for cubic, and so on).

نوع: number
Default: 3
trendlines.n.labelInLegend

If set, the trendline will appear in the legend as this string.

نوع: string
Default: null
trendlines.n.lineWidth

The line width of the trendline , in pixels.

نوع: number
پیش فرض: 2
trendlines.n.type

Whether the trendlines is 'linear' (the default), 'exponential' , or 'polynomial' .

نوع: string
Default: linear
trendlines.n.visibleInLegend

Whether the trendline equation appears in the legend. It will appear in the trendline tooltip.

Type: boolean
پیش فرض: false
useFirstColumnAsDomain

If set to true , the chart will treat the column as the domain.

Type: boolean
vAxes

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type: Array of object, or object with child objects
Default: null
vAxis

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type: object
Default: null
vAxis.direction

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
vAxis.gridlines

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
vAxis.gridlines.color

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: '#CCC'
vAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
vAxis.logScale

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Type: boolean
پیش فرض: false
vAxis.maxValue

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
vAxis.minorGridlines

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

Type: object
Default: null
vAxis.minorGridlines.color

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

نوع: string
Default: A blend of the gridline and background colors
vAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

نوع: number
Default: 1
vAxis.minValue

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

نوع: number
Default: null
vAxis.textPosition

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

نوع: string
Default: 'out'
vAxis.textStyle

An object that specifies the vertical axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifies a title for the vertical axis.

نوع: string
Default: no title
vAxis.titleTextStyle

An object that specifies the vertical axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifies the cropping range of the vertical axis.

Type: object
Default: null
vAxis.viewWindow.max

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto
vAxis.viewWindow.min

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto

Org chart configuration options

نام
رنگ

The background color of the org chart elements.

نوع: string
Default: '#edf7ff'
selectionColor

The background color of selected org chart elements.

نوع: string
Default: '#d6e9f8'
اندازه

The overall size of the chart. Options include 'small' , 'medium' , or 'large' .

نوع: string
Default: 'medium'

Pie chart configuration options

نام
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

Type: string
Default: 'white'
chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
  • stroke : The color, provided as a hex string or English color name.
  • strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).
Type: string or object
Default: 'white'
chartArea.height

Chart area height.

Type: number or string
Default: auto
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top

How far to draw the chart from the top border.

Type: number or string
Default: auto
chartArea.width

Chart area width.

Type: number or string
Default: auto
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
ارتفاع

Height of the chart in pixels.

نوع: number
Default: height of the containing element
is3D

If true , displays a three-dimensional chart.

Type: boolean
پیش فرض: false
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legend.position

Position of the legend. Can be one of the following:

  • 'bottom' - Below the chart.
  • 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
  • 'in' - Inside the chart, by the top left corner.
  • 'none' - No legend is displayed.
  • 'right' - To the right of the chart. Incompatible with the vAxes option.
  • 'top' - Above the chart.
Type: string
Default: 'right'
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

If between 0 and 1 , displays a donut chart. The hole has a radius equal to number times the radius of the chart.

نوع: number
Default: 0
pieSliceBorderColor

The color of the slice borders. Only applicable when the chart is two-dimensional.

Type: string
Default: 'white'
pieSliceText

The content of the text displayed on the slice. Can be one of the following:

  • 'percentage' - The percentage of the slice size out of the total.
  • 'value' - The quantitative value of the slice.
  • 'label' - The name of the slice.
  • 'none' - No text is displayed.
Type: string
Default: 'percentage'
pieSliceTextStyle

An object that specifies the slice text style. The object has this format:

{color: <string>, fontName: <string>, fontSize: <number>}

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

Type: boolean
پیش فرض: false
slices.color

The color to use for this slice.

Type: string
عنوان فرعی

Text to display below the chart title.

Type: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
عنوان

Text to display above the chart.

Type: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Scatter chart configuration options

نام
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

Type: string
Default: 'white'
chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
  • stroke : The color, provided as a hex string or English color name.
  • strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).
Type: string or object
Default: 'white'
chartArea.height

Chart area height.

Type: number or string
Default: auto
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top

How far to draw the chart from the top border.

Type: number or string
Default: auto
chartArea.width

Chart area width.

Type: number or string
Default: auto
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
curveType

Controls the curve of the lines when the line width is not zero. Can be one of the following:

  • 'none' - Straight lines without curve.
  • 'function' - The angles of the line will be smoothed.
Type: string
Default: 'none'
hAxis

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type: object
Default: null
hAxis.direction

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
hAxis.gridlines

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.gridlines.color

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

Type: string
Default: '#CCC'
hAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

نوع: number
Default: -1
hAxis.logScale

hAxis property that makes the horizontal axis a logarithmic scale (requires all values to be positive). Set to true for yes.

This option is only supported for a continuous axis.

Type: boolean
پیش فرض: false
hAxis.maxValue

Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. hAxis.viewWindow.max overrides this property.

نوع: number
Default: automatic
hAxis.minorGridlines

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

Type: object
Default: null
hAxis.minorGridlines.color

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

Type: string
Default: A blend of the gridline and background colors
hAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

نوع: number
Default: 1
hAxis.minValue

Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. hAxis.viewWindow.min overrides this property.

نوع: number
Default: automatic
hAxis.textPosition

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

Type: string
Default: 'out'
hAxis.textStyle

An object that specifies the horizontal axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis property that specifies the title of the horizontal axis.

Type: string
Default: null
hAxis.titleTextStyle

An object that specifies the horizontal axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifies the cropping range of the horizontal axis.

Type: object
Default: null
hAxis.viewWindow.max

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

Type: number
Default: auto
hAxis.viewWindow.min

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

نوع: number
Default: auto
ارتفاع

Height of the chart in pixels.

Type: number
Default: height of the containing element
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legend.position

Position of the legend. Can be one of the following:

  • 'bottom' - Below the chart.
  • 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
  • 'in' - Inside the chart, by the top left corner.
  • 'none' - No legend is displayed.
  • 'right' - To the right of the chart. Incompatible with the vAxes option.
  • 'top' - Above the chart.
Type: string
Default: 'right'
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the series property.

Type: number
پیش فرض: 2
pointShape

The shape of individual data elements: 'circle' , 'triangle' , 'square' , 'diamond' , 'star' or 'polygon' . See the points documentation for examples.

Type: string
Default: 'circle'
pointSize

Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the series property. If you're using a trendline , the pointSize option will affect the width of the trendline unless you override it with the trendlines.n.pointsize option.

Type: number
Default: 0
سلسله

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

  • color - The color to use for this series. Specify a valid HTML color string.
  • labelInLegend - The description of the series to appear in the chart legend.
  • lineWidth - Overrides the global lineWidth value for this series.
  • pointShape - Overrides the global pointShape value for this series.
  • pointSize - Overrides the global pointSize value for this series.
  • pointsVisible - Overrides the global pointsVisible value for this series.
  • visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given,or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type: Array of objects, or object with nested objects
Default: {}
عنوان فرعی

Text to display below the chart title.

Type: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

  • 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.
Type: string
Default: null
عنوان

Text to display above the chart.

Type: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

If set to true , the chart will treat the column as a text column.

Type: boolean
trendlines

Displays trendlines on the charts that support them. By default, linear trendlines are used, but this can be customized with the trendlines. n .type option.

Trendlines are specified on a per-series basis, so most of the time your options will look like this:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Type: object
Default: null
trendlines.n.color

The color of the trendline , expressed as either an English color name or a hex string.

Type: string
Default: default series color
trendlines.n.degree

For trendlines of type: 'polynomial' , the degree of the polynomial ( 2 for quadratic, 3 for cubic, and so on).

Type: number
Default: 3
trendlines.n.labelInLegend

If set, the trendline will appear in the legend as this string.

Type: string
Default: null
trendlines.n.lineWidth

The line width of the trendline , in pixels.

Type: number
پیش فرض: 2
trendlines.n.type

Whether the trendlines is 'linear' (the default), 'exponential' , or 'polynomial' .

Type: string
Default: linear
trendlines.n.visibleInLegend

Whether the trendline equation appears in the legend. It will appear in the trendline tooltip.

Type: boolean
پیش فرض: false
useFirstColumnAsDomain

If set to true , the chart will treat the column as the domain.

Type: boolean
vAxes

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type: Array of object, or object with child objects
Default: null
vAxis

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type: object
Default: null
vAxis.direction

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
vAxis.gridlines

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
vAxis.gridlines.color

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

Type: string
Default: '#CCC'
vAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

Type: number
Default: -1
vAxis.logScale

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Type: boolean
پیش فرض: false
vAxis.maxValue

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

Type: number
Default: automatic
vAxis.minorGridlines

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

Type: object
Default: null
vAxis.minorGridlines.color

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

Type: string
Default: A blend of the gridline and background colors
vAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

Type: number
Default: 1
vAxis.minValue

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

Type: number
Default: null
vAxis.textPosition

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

Type: string
Default: 'out'
vAxis.textStyle

An object that specifies the vertical axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifies a title for the vertical axis.

Type: string
Default: no title
vAxis.titleTextStyle

An object that specifies the vertical axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifies the cropping range of the vertical axis.

Type: object
Default: null
vAxis.viewWindow.max

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

نوع: number
Default: auto
vAxis.viewWindow.min

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

Type: number
Default: auto

Stepped area chart configuration options

نام
areaOpacity

The default opacity of the colored area under an area chart series, where 0.0 is fully transparent and 1.0 is fully opaque. To specify opacity for an individual series, set the areaOpacity value in the series property.

Type: number , 0.0- 1.0
Default: 0.3
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
backgroundColor.fill

The chart fill color, as an HTML color string.

Type: string
Default: 'white'
chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
  • stroke : The color, provided as a hex string or English color name.
  • strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).
Type: string or object
Default: 'white'
chartArea.height

Chart area height.

Type: number or string
Default: auto
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top

How far to draw the chart from the top border.

Type: number or string
Default: auto
chartArea.width

Chart area width.

Type: number or string
Default: auto
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
hAxis

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type: object
Default: null
hAxis.direction

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
hAxis.textPosition

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

Type: string
Default: 'out'
hAxis.textStyle

An object that specifies the horizontal axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis property that specifies the title of the horizontal axis.

Type: string
Default: null
hAxis.titleTextStyle

An object that specifies the horizontal axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Specifies the cropping range of the horizontal axis.

Type: object
Default: null
hAxis.viewWindow.max

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

Type: number
Default: auto
hAxis.viewWindow.min

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

Type: number
Default: auto
ارتفاع

Height of the chart in pixels.

Type: number
Default: height of the containing element
isStacked

If set to true , stacks the elements for all series at each domain value. Note: In Column , Area , and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (Eg series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

  • false — elements will not stack. این گزینه ی پیش فرض می باشد.
  • true — stacks elements for all series at each domain value.
  • 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%.
  • 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1.
  • 'absolute' — functions the same as isStacked: true .

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative' , and 0-100% for 'percent' ( Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent' , be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number , and must have a baseline of zero.

Type: boolean / string
پیش فرض: false
افسانه

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: object
Default: null
legend.position

Position of the legend. Can be one of the following:

  • 'bottom' - Below the chart.
  • 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
  • 'in' - Inside the chart, by the top left corner.
  • 'none' - No legend is displayed.
  • 'right' - To the right of the chart. Incompatible with the vAxes option.
  • 'top' - Above the chart.
نوع: string
Default: 'right'
legendTextStyle

An object that specifies the legend text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

Type: boolean
پیش فرض: false
سلسله

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

  • areaOpacity - Overrides the global areaOpacity for this series.
  • color - The color to use for this series. Specify a valid HTML color string.
  • type - The type of marker for this series. Valid values are 'line', 'area', 'bars', and 'steppedArea'. Note that bars are actually vertical bars (columns). The default value is specified by the chart's seriesType option.
  • labelInLegend - The description of the series to appear in the chart legend.
  • lineDashStyle - Overrides the global lineDashStyle value for this series.
  • targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.
  • visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to.For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Type: Array of objects, or object with nested objects
Default: {}
عنوان فرعی

Text to display below the chart title.

Type: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
موضوع

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

  • 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.
Type: string
Default: null
عنوان

Text to display above the chart.

Type: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

If set to true , the chart will treat the column as a text column.

Type: boolean
useFirstColumnAsDomain

If set to true , the chart will treat the column as the domain.

Type: boolean
vAxes

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Type: Array of object, or object with child objects
Default: null
vAxis

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type: object
Default: null
vAxis.direction

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

Type: 1 or -1
Default: 1
vAxis.gridlines

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

{color: '#333', minSpacing: 20}

This option is only supported for a continuous axis.

Type: object
Default: null
vAxis.gridlines.color

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

Type: string
Default: '#CCC'
vAxis.gridlines.count

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

Type: number
Default: -1
vAxis.logScale

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Type: boolean
پیش فرض: false
vAxis.maxValue

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

Type: number
Default: automatic
vAxis.minorGridlines

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

Type: object
Default: null
vAxis.minorGridlines.color

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

Type: string
Default: A blend of the gridline and background colors
vAxis.minorGridlines.count

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

Type: number
Default: 1
vAxis.minValue

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

Type: number
Default: null
vAxis.textPosition

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

Type: string
Default: 'out'
vAxis.textStyle

An object that specifies the vertical axis text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Specifies a title for the vertical axis.

Type: string
Default: no title
vAxis.titleTextStyle

An object that specifies the vertical axis title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Specifies the cropping range of the vertical axis.

Type: object
Default: null
vAxis.viewWindow.max

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

Type: number
Default: auto
vAxis.viewWindow.min

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

Type: number
Default: auto
عرض

Width of the chart in pixels.

Type: number
Default: width of the containing element

Table chart configuration options

نام
alternatingRowStyle

Determines if an alternating color style will be assigned to odd and even rows.

Type: boolean
Default: true
ارتفاع

Height of the chart in pixels.

Type: number
Default: height of the containing element
صفحه

If and how to enable paging through the data. Choose one of the following string values:

  • 'enable' - The table will include page-forward and page-back buttons. Clicking on these buttons will perform the paging operation and change the displayed page. You might want to also set the pageSize option.
  • 'event' - The table will include page-forward and page-back buttons, but clicking them will trigger a 'page' event and will not change the displayed page. This option should be used when the code implements its own page turning logic. See the TableQueryWrapper example for an example of how to handle paging events manually.
  • 'disable' - [ Default ] Paging is not supported.
    • Type: string
    Default: 'disable'
اندازه صفحه

The number of rows in each page, when paging is enabled with the page option.

Type: number
پیش فرض: 10
showRowNumber

If set to true , shows the row number as the first column of the table.

Type: boolean
پیش فرض: false
مرتب سازی

If and how to sort columns when the user clicks a column heading. If sorting is enabled, consider setting the sortAscending and sortColumn properties as well. Choose one of the following string values:

  • 'enable' - [ Default ] Users can click on column headers to sort by the clicked column. When users click on the column header, the rows are automatically sorted, and a 'sort' event is triggered.
  • 'event' - When users click on the column header, a 'sort' event is triggered, but the rows aren't automatically sorted. This option should be used when the page implements its own sort. See the TableQueryWrapper example for an example of how to handle sorting events manually.
  • 'disable' - Clicking a column header has no effect.
Type: string
Default: 'enable'
sortAscending

The order in which the initial sort column is sorted. True for ascending, false for descending. Ignored if sortColumn is not specified.

Type: boolean
Default: true
sortColumn

An index of a column in the data table, by which the table is initially sorted. The column is marked with a small arrow indicating the sort order.

نوع: number
Default: -1
عرض

Width of the chart in pixels.

نوع: number
Default: width of the containing element

Timeline configuration options

نام
رنگ پس زمینه

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

Type: string or object
Default: 'white'
رنگ ها

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Type: Array of strings
Default: default colors
ارتفاع

Height of the chart in pixels.

Type: number
Default: height of the containing element
عرض

Width of the chart in pixels.

Type: number
Default: width of the containing element

Tree map configuration options

نام
headerColor

The color of the header section for each node. Specify an HTML color value.

Type: string
Default: #988f86
maxColor

The color for a rectangle with a column 3 value of maxColorValue . Specify an HTML color value.

Type: string
Default: #00dd00
بیشترین عمق

The maximum number of node levels to show in the current view. Levels are flattened into the current plane. If your tree has more levels than this, you must go up or down to see them. You can additionally see maxPostDepth levels below this as shaded rectangles within these nodes.

Type: number
Default: 1
maxPostDepth

How many levels of nodes beyond maxDepth to show in "hinted" fashion. Hinted nodes are shown as shaded rectangles within a node that is within the maxDepth limit.

Type: number
Default: 0
midColor

The color for a rectangle with a column 3 value midway between maxColorValue and minColorValue . Specify an HTML color value.

نوع: string
Default: #000000
minColor

The color for a rectangle with the column 3 value of minColorValue . Specify an HTML color value.

Type: string
Default: #dd0000
بدون رنگ

The color to use for a rectangle when a node has no value for column 3, and that node is a leaf (or contains only leaves). Specify an HTML color value.

Type: string
Default: #000000
عنوان فرعی

Text to display below the chart title.

Type: string
Default: no title
subtitleTextStyle

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

An object that specifies the title text style. The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize.

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
عنوان

Text to display above the chart.

Type: string
Default: no title
titleTextStyle

An object that specifies the title text style. The object has this format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Type: object
Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}