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

انواع نمودار

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

نام
رنگ ها

رنگ هایی که برای عناصر نمودار استفاده می شود. آرایه ای از رشته ها، که در آن هر عنصر یک رشته رنگی 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 .

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

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

خطوط روند 'linear' (پیش‌فرض)، 'exponential' یا 'polynomial' باشد.

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

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

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

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

نوع: boolean
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'
حباب

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

نوع: 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'
نمودار مساحت.ارتفاع

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

نوع: 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
پیش فرض: ارتفاع عنصر حاوی
افسانه

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

{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>}
سلسله

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

  • 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
پیش فرض: بدون عنوان
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
پیش فرض: خودکار

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

نام
ارتفاع

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

نوع: 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'
نمودار مساحت.ارتفاع

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

نوع: 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
پیش فرض: ارتفاع عنصر حاوی
افسانه

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

{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
سلسله

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

  • 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
پیش فرض: بدون عنوان
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>}
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
پیش فرض: خودکار
نمودار مساحت.عرض

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

نوع: 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
پیش فرض: ارتفاع عنصر حاوی
انباشته شده است

اگر روی 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 تنظیم کنید. حداقل یک سری باید به محور پیش فرض اختصاص داده شود. شما می توانید مقیاس متفاوتی را برای محورهای مختلف تعریف کنید.

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

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 .

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

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

خطوط روند 'linear' (پیش‌فرض)، 'exponential' یا 'polynomial' باشد.

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

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

نوع: boolean
پیش فرض: false
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
پیش فرض: خودکار

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

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

کدورت پیش‌فرض ناحیه رنگی زیر یک سری نمودار ناحیه، که در آن 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'] .

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

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

  • 'none' - خطوط مستقیم بدون منحنی.
  • 'function' ​​- زوایای خط صاف می شود.
نوع: string
پیش فرض: "هیچ"
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' - در سمت چپ نمودار، مشروط بر اینکه محور چپ هیچ سری مرتبط با آن نداشته باشد. بنابراین اگر افسانه سمت چپ را می خواهید، از گزینه 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 می توانید مقادیر را برای سری های جداگانه لغو کنید. اگر از خط روند استفاده می‌کنید، گزینه pointSize بر عرض خط روند تأثیر می‌گذارد مگر اینکه آن را با گزینه trendlines.n.pointsize لغو کنید.

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

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

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

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

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

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

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

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

  • areaOpacity - ناحیه جهانی areaOpacity برای این سری لغو می کند..
  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگ معتبر HTML را مشخص کنید.
  • curveType - مقدار کلی curveType را برای این سری لغو می کند.
  • fallingColor.fill - مقدار جهانی candlestick.fallingColor.fill را برای این سری لغو می کند.
  • fallingColor.stroke - مقدار جهانی candlestick.fallingColor.stroke را برای این سری لغو می کند.
  • fallingColor.strokeWidth - مقدار جهانی candlestick.fallingColor.strokeWidth را برای این سری لغو می کند.
  • labelInLegend - شرح سری برای نمایش در افسانه نمودار.
  • lineDashStyle - مقدار کلی lineDashStyle برای این سری لغو می کند.
  • lineWidth - مقدار lineWidth جهانی را برای این سری لغو می کند.
  • pointShape - مقدار سراسری pointShape برای این سری لغو می کند.
  • pointSize - مقدار جهانی pointSize برای این سری لغو می کند.
  • pointsVisible - مقدار جهانی pointsVisible را برای این سری لغو می کند.
  • risingColor.fill - مقدار جهانی candlestick.risingColor.fill را برای این سری لغو می کند.
  • risingColor.stroke - مقدار جهانی candlestick.risingColor.stroke را برای این سری لغو می کند.
  • risingColor.strokeWidth - مقدار جهانی candlestick.risingColor.strokeWidth را برای این سری لغو می کند.
  • targetAxisIndex - این سری را به کدام محور اختصاص دهیم، که در آن 0 محور پیش‌فرض و 1 محور مقابل است. مقدار پیش فرض 0 است. برای تعریف نموداری که در آن سری های مختلف بر اساس محورهای مختلف ارائه می شوند، روی 1 تنظیم کنید. حداقل یک سری باید به محور پیش فرض اختصاص داده شود. شما می توانید مقیاس متفاوتی را برای محورهای مختلف تعریف کنید.
  • type - نوع نشانگر این سری. مقادیر معتبر عبارتند از 'line'، 'area'، 'bars' و 'steppedArea'. توجه داشته باشید که میله ها در واقع میله های عمودی (ستون) هستند. مقدار پیش فرض توسط گزینه seriesType نمودار مشخص می شود.
  • 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>}
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.

نوع: string
پیش‌فرض: '#109618'
سبز از

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

نوع: number
پیش فرض: هیچ
سبز به

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

نوع: number
پیش فرض: هیچ
ارتفاع

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

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

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

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

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

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

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

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

رنگ مورد استفاده برای بخش قرمز در نماد رنگی HTML.

نوع: string
پیش‌فرض: '#DC3912'
قرمز از

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

نوع: number
پیش فرض: هیچ
قرمز به

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

نوع: number
پیش فرض: هیچ
عرض

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

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

رنگ مورد استفاده برای بخش زرد در نماد رنگی HTML.

نوع: string
پیش‌فرض: '#FF9900'
زرد از

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

نوع: number
پیش فرض: هیچ
yellowTo

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

نوع: number
پیش فرض: هیچ

گزینه های پیکربندی Geochart

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

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

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

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

نوع: string
پیش فرض: 'white'
datalessRegionColor

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

نوع: string
پیش‌فرض: '#F5F5F5'
رنگ پیش فرض

رنگی که برای نقاط داده در نمودار جغرافیایی استفاده می‌شود، زمانی که مکان (مثلاً 'US' ) وجود دارد اما مقدار آن null یا نامشخص است. این با datalessRegionColor که رنگی است که در مواقعی که داده از دست رفته استفاده می شود متمایز است.

نوع: string
پیش‌فرض: '#267114'
حالت نمایش

این کدام نوع ژئوچارت است. قالب DataTable باید با مقدار مشخص شده مطابقت داشته باشد. مقادیر زیر پشتیبانی می شوند:

  • 'auto' - بر اساس قالب DataTable انتخاب کنید.
  • 'regions' - مناطق را در نمودار جغرافیایی رنگ کنید.
  • 'markers' - نشانگرها را روی مناطق قرار دهید.
  • 'text' - مناطق را با متن از DataTable برچسب بزنید.
نوع: string
پیش فرض: "خودکار"
ارتفاع

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

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

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
نوع: object
پیش فرض: null
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>}
منطقه

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

  • 'world' - ژئوچارت کل جهان.
  • یک قاره یا یک شبه قاره که با کد 3 رقمی آن مشخص شده است، به عنوان مثال، '011' برای آفریقای غربی.
  • کشوری که با کد ISO 3166-1 آلفا-2 آن مشخص شده است، به عنوان مثال، 'AU' برای استرالیا.
  • ایالتی در ایالات متحده که توسط ISO 3166-2: کد US مشخص شده است، به عنوان مثال، 'US-AL' برای آلاباما. توجه داشته باشید که گزینه resolution باید روی 'provinces' یا 'metros' تنظیم شود.
نوع: string
پیش فرض: "جهان"
عرض

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

نوع: 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 /div>
پیش فرض: '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.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.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.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
پیش فرض: ارتفاع عنصر حاوی
histogram.bucketSize

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

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

تقسیمات نازک بین بلوک های هیستوگرام را حذف کنید و آن را به یک سری میله های جامد تبدیل کنید.

نوع: boolean
پیش فرض: false
histogram.lastBucketPercentile

هنگام محاسبه اندازه سطل هیستوگرام، درصد lastBucketPercentile بالا و پایین را نادیده بگیرید. مقادیر همچنان در هیستوگرام گنجانده شده اند، اما روی سطل تاثیری ندارند.

نوع: number
پیش فرض: 0
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' - در سمت چپ نمودار، مشروط بر اینکه محور چپ هیچ سری مرتبط با آن نداشته باشد. بنابراین اگر افسانه سمت چپ را می خواهید، از گزینه 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
سلسله

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

  • 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>}
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
پیش فرض: خودکار
عرض

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

نوع: 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
پیش فرض: خودکار
نمودار مساحت.عرض

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

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

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

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

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

  • 'none' - خطوط مستقیم بدون منحنی.
  • 'function' ​​- زوایای خط صاف می شود.
نوع: string
پیش فرض: "هیچ"
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
افسانه

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

{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>}
عرض خط

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

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

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

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

قطر نقاط نمایش داده شده بر حسب پیکسل از صفر برای پنهان کردن تمام نقاط استفاده کنید. با استفاده از ویژگی series می توانید مقادیر را برای سری های جداگانه لغو کنید. اگر از خط روند استفاده می‌کنید، گزینه pointSize بر عرض خط روند تأثیر می‌گذارد مگر اینکه آن را با گزینه trendlines.n.pointsize لغو کنید.

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

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

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

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

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

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

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

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

  • type - نوع نشانگر این سری. مقادیر معتبر عبارتند از 'line'، 'area'، 'bars' و 'steppedArea'. توجه داشته باشید که میله ها در واقع میله های عمودی (ستون) هستند. مقدار پیش فرض توسط گزینه seriesType نمودار مشخص می شود.
  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگ معتبر HTML را مشخص کنید.
  • curveType - مقدار کلی curveType را برای این سری لغو می کند.
  • 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
خطوط روند

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

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

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

خطوط روند 'linear' (پیش‌فرض)، 'exponential' یا 'polynomial' باشد.

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

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

نوع: boolean
پیش فرض: false
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
پیش فرض: خودکار

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

نام
رنگ

رنگ پس زمینه عناصر نمودار سازمانی.

نوع: string
پیش‌فرض: '#edf7ff'
انتخاب رنگ

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

نوع: string
پیش‌فرض: '#d6e9f8'
اندازه

اندازه کلی نمودار. گزینه‌ها عبارتند از 'small' ، 'medium' یا 'large' .

نوع: string
پیش فرض: 'medium'

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

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

رنگ پس زمینه برای ناحیه اصلی نمودار. می تواند یک رشته رنگی ساده 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'] .

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

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

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

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

نوع: boolean
پیش فرض: 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>}
سوراخ پای

اگر بین 0 و 1 باشد، نمودار دونات را نمایش می دهد. شعاع سوراخ برابر با number ضربدر شعاع نمودار است.

نوع: number
پیش فرض: 0
pieSliceBorderColor

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

نوع: string
پیش فرض: 'white'
pieSliceText

محتوای متن نمایش داده شده در برش. می تواند یکی از موارد زیر باشد:

  • 'percentage' - درصد اندازه برش از کل.
  • 'value' - مقدار کمی برش.
  • 'label' - نام برش.
  • 'none' - هیچ متنی نمایش داده نمی شود.
نوع: string
پیش‌فرض: 'percentage'
pieSliceTextStyle

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

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

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

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

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

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

نوع: boolean
پیش فرض: false
برش ها.رنگ

رنگ مورد استفاده برای این برش.

نوع: string
عنوان فرعی

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

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

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

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

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

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

نوع: 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>}

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

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

رنگ پس زمینه برای ناحیه اصلی نمودار. می تواند یک رشته رنگی ساده 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'] .

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

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

  • 'none' - خطوط مستقیم بدون منحنی.
  • 'function' ​​- زوایای خط صاف می شود.
نوع: string
پیش فرض: "هیچ"
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
پیش فرض: ارتفاع عنصر حاوی
افسانه

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

{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>}
عرض خط

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

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

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

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

قطر نقاط نمایش داده شده بر حسب پیکسل از صفر برای پنهان کردن تمام نقاط استفاده کنید. با استفاده از ویژگی series می توانید مقادیر را برای سری های جداگانه لغو کنید. اگر از خط روند استفاده می‌کنید، گزینه pointSize بر عرض خط روند تأثیر می‌گذارد مگر اینکه آن را با گزینه trendlines.n.pointsize لغو کنید.

نوع: number
پیش فرض: 0
سلسله

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

  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگ معتبر HTML را مشخص کنید.
  • labelInLegend - شرح سری برای نمایش در افسانه نمودار.
  • lineWidth - مقدار lineWidth جهانی را برای این سری لغو می کند.
  • pointShape - مقدار سراسری pointShape برای این سری لغو می کند.
  • pointSize - مقدار جهانی pointSize برای این سری لغو می کند.
  • pointsVisible - مقدار جهانی pointsVisible را برای این سری لغو می کند.
  • 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
خطوط روند

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

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

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

خطوط روند 'linear' (پیش‌فرض)، 'exponential' یا 'polynomial' باشد.

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

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

نوع: boolean
پیش فرض: false
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
پیش فرض: خودکار

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

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

کدورت پیش‌فرض ناحیه رنگی زیر یک سری نمودار ناحیه، که در آن 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.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
سلسله

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

  • areaOpacity - ناحیه جهانی areaOpacity برای این سری لغو می کند.
  • color - رنگی که برای این سری استفاده می شود. یک رشته رنگ معتبر HTML را مشخص کنید.
  • type - نوع نشانگر این سری. مقادیر معتبر عبارتند از 'line'، 'area'، 'bars' و 'steppedArea'. توجه داشته باشید که میله ها در واقع میله های عمودی (ستون) هستند. مقدار پیش فرض توسط گزینه seriesType نمودار مشخص می شود.
  • labelInLegend - شرح سری برای نمایش در افسانه نمودار.
  • lineDashStyle - مقدار کلی lineDashStyle برای این سری لغو می کند.
  • 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
پیش فرض: خودکار
عرض

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

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

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

نام
متناوب RowStyle

تعیین می کند که آیا یک سبک رنگ متناوب به ردیف های زوج و فرد اختصاص داده می شود.

نوع: boolean
پیش فرض: true
ارتفاع

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

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

آیا و چگونه می توان صفحه بندی از طریق داده ها را فعال کرد. یکی از مقادیر string زیر را انتخاب کنید:

  • 'enable' - جدول شامل دکمه های صفحه به جلو و صفحه برگشت است. با کلیک بر روی این دکمه ها عملیات صفحه بندی انجام می شود و صفحه نمایش داده شده تغییر می کند. ممکن است بخواهید گزینه pageSize را نیز تنظیم کنید.
  • 'event' - جدول شامل دکمه های صفحه به جلو و صفحه برگشت است، اما کلیک کردن روی آنها یک رویداد 'page' را راه اندازی می کند و صفحه نمایش داده شده را تغییر نمی دهد. این گزینه باید زمانی استفاده شود که کد منطق چرخش صفحه خود را پیاده سازی کند. مثال TableQueryWrapper را برای مثالی از نحوه مدیریت دستی رویدادهای صفحه بندی ببینید.
  • 'disable' - [ پیش فرض ] صفحه بندی پشتیبانی نمی شود.
    • نوع: string
    پیش فرض: 'disable'
اندازه صفحه

تعداد سطرهای هر صفحه، زمانی که صفحه بندی با گزینه page فعال است.

نوع: number
پیش فرض: 10
showRowNumber

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

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

اگر و چگونه می توان ستون ها را هنگامی که کاربر روی عنوان ستون کلیک می کند مرتب کرد. اگر مرتب سازی فعال است، ویژگی های sortAscending و sortColumn را نیز در نظر بگیرید. یکی از مقادیر string زیر را انتخاب کنید:

  • 'enable' - [ پیش‌فرض ] کاربران می‌توانند روی سرصفحه‌های ستون کلیک کنند تا بر اساس ستون کلیک شده مرتب شوند. هنگامی که کاربران روی سرصفحه ستون کلیک می کنند، ردیف ها به طور خودکار مرتب می شوند و یک رویداد 'sort' آغاز می شود.
  • 'event' - وقتی کاربران روی سرصفحه ستون کلیک می کنند، یک رویداد 'sort' فعال می شود، اما ردیف ها به طور خودکار مرتب نمی شوند. این گزینه باید زمانی استفاده شود که صفحه مرتب سازی خود را اجرا می کند. مثال TableQueryWrapper را برای مثالی از نحوه مدیریت دسته‌بندی رویدادها به صورت دستی ببینید.
  • 'disable' - کلیک کردن روی سرصفحه ستون هیچ تاثیری ندارد.
نوع: string
پیش فرض: 'enable'
مرتب سازی صعودی

ترتیب مرتب‌سازی ستون مرتب‌سازی اولیه. True برای صعود، false برای نزول. اگر sortColumn مشخص نشده باشد نادیده گرفته می شود.

نوع: boolean
پیش فرض: true
مرتب سازی ستون

شاخصی از یک ستون در جدول داده ها، که در ابتدا جدول بر اساس آن مرتب می شود. ستون با یک فلش کوچک که ترتیب مرتب سازی را نشان می دهد مشخص شده است.

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

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

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

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

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

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

نوع: string یا object
پیش فرض: 'white'
رنگ ها

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

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

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

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

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

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

گزینه های پیکربندی نقشه درختی

نام
headerColor

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

نوع: string
پیش‌فرض: #988f86
maxColor

رنگ یک مستطیل با مقدار ستون 3 maxColorValue . مقدار رنگ HTML را مشخص کنید.

نوع: string
پیش‌فرض: #00dd00
بیشترین عمق

حداکثر تعداد سطوح گره برای نمایش در نمای فعلی. سطوح به سطح فعلی صاف می شوند. اگر سطح درخت شما بیشتر از این است، برای دیدن آنها باید بالا یا پایین بروید. همچنین می توانید سطوح maxPostDepth را در زیر این به عنوان مستطیل های سایه دار در این گره ها مشاهده کنید.

نوع: number
پیش فرض: 1
maxPostDepth

چند سطح از گره های فراتر از maxDepth برای نشان دادن به مد "اشاره شده". گره های اشاره شده به صورت مستطیل های سایه دار در گره ای که در محدوده maxDepth است نشان داده می شوند.

نوع: number
پیش فرض: 0
midColor

رنگ یک مستطیل با مقدار ستون 3 در وسط بین maxColorValue و minColorValue . مقدار رنگ HTML را مشخص کنید.

نوع: string
پیش‌فرض: #000000
minColor

رنگ یک مستطیل با مقدار ستون 3 minColorValue . مقدار رنگ HTML را مشخص کنید.

نوع: string
پیش‌فرض: #dd0000
بدون رنگ

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

نوع: string
پیش‌فرض: #000000
عنوان فرعی

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

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

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

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

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

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

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

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

نوع: 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>}