نمودارهای ون

این سند نحوه ایجاد نمودارهای Venn را با استفاده از Chart API شرح می دهد.

فهرست مطالب

ویژگی های خاص نمودار معرفی انواع نمودار ( cht ) رنگ های سری ( chco )

ویژگی های استاندارد عنوان نمودار ( chtt , chts ) متن و سبک افسانه نمودار ( chdl , chdlp , chdls ) حاشیه های نمودار ( chma ) پرهای پس زمینه ( chf ) پرهای جامد ( chf ) پرهای گرادیان ( chf ) پرهای راه راه ( chf )

معرفی

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

انواع نمودار ( cht )

یک نمودار ون را با نحو زیر مشخص کنید:

نحو

cht=v

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

• سه مقدار اول اندازه سه دایره را مشخص می کند: A، B و C. برای نموداری که فقط دو دایره دارد، برای مقدار سوم صفر را مشخص کنید.
• مقدار چهارم اندازه تقاطع A و B را مشخص می کند.
• مقدار پنجم اندازه تقاطع A و C را مشخص می کند. برای نموداری که فقط دو دایره دارد، در اینجا مقداری را مشخص نکنید.
• مقدار ششم اندازه تقاطع B و C را مشخص می کند. برای نموداری که فقط دو دایره دارد، در اینجا مقداری را مشخص نکنید.
• مقدار هفتم اندازه تقاطع مشترک A، B و C را مشخص می کند. برای نموداری که فقط دو دایره دارد، در اینجا مقداری را مشخص نکنید.

توجه داشته باشید که در نمودارهای ون، همه مقادیر متناسب هستند، نه مطلق. این بدان معناست که نموداری با مقادیر 10،20،30 شبیه نمودارهایی با مقادیر 100،200،300 خواهد بود (اگر نوع رمزگذاری شما این مقادیر را بپذیرد).

شرح	مثال
نمودار ون سه دایره ای.	cht=v chd=t:100,80,60,30,30,30,10
برای تعیین نمودار دو دایره ای، صفر را برای دایره C مشخص کنید و هیچ مقدار همپوشانی که شامل C باشد را مشخص نکنید.	cht=v chd=t:100,100,0,50

سری رنگ ها chco

با استفاده از پارامتر chco می توانید رنگ تمام سری ها، هر سری یا برخی از سری ها را مشخص کنید.

نحو

chco=<color_1>,...,<color_n>

< رنگ >

رنگ سری، در قالب هگزادسیمال RRGGBB . با افزودن مقادیر رنگی که با کاما از هم جدا شده اند، رنگ های مختلف را برای سری های مختلف مشخص کنید. اگر رنگ‌های کمتری نسبت به سری‌هایتان داشته باشید، آخرین رنگ تکرار می‌شود، اما در نمودارهای Venn، رنگ‌های یکسان می‌توانند نمودار را برای خواندن سخت‌تر کنند.

شرح	مثال
یک رنگ متفاوت برای هر دایره	chco=FF6342,ADDE63,63C6DE
اگر رنگ های کمتر از دایره ها وجود داشته باشد، آخرین رنگ مشخص شده تکرار می شود. با این حال، این کار خواندن نمودار را سخت می کند.	chco=00FF00,0000FF

ویژگی های استاندارد

بقیه ویژگی های این صفحه ویژگی های نمودار استاندارد هستند.

فرمت رنگ

رنگ ها را با استفاده از یک رشته 6 کاراکتری از مقادیر هگزادسیمال، به اضافه دو مقدار شفافیت اختیاری، در قالب RRGGBB[ AA ] مشخص کنید. مثلا:

• FF0000 = قرمز
• 00FF00 = سبز
• 0000FF = آبی
• 000000 = سیاه
• FFFFFF = سفید

AA یک مقدار شفافیت اختیاری است که در آن 00 کاملاً شفاف و FF کاملاً مات است. مثلا:

• 0000FFFF = آبی یکدست
• 0000FF66 = آبی شفاف

بازگشت به بالا

عنوان نمودار chtt , chts [ همه نمودارها ]

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

نحو

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

chtt - عنوان نمودار را مشخص می کند.

< چارت_عنوان >

عنوانی که باید برای نمودار نشان داده شود. شما نمی توانید مشخص کنید که کجا ظاهر شود، اما می توانید به صورت اختیاری اندازه و رنگ فونت را مشخص کنید. برای نشان دادن فاصله ها از علامت + و برای نشان دادن شکستگی ها از کاراکتر لوله ( | ) استفاده کنید.

chts [ اختیاری ] - رنگ ها و اندازه قلم برای پارامتر chtt .

<رنگ >

رنگ عنوان، در قالب هگزادسیمال RRGGBB . رنگ پیش فرض مشکی است.

<font_size >

اندازه قلم عنوان، بر حسب امتیاز.

< opt_alignment >

[ اختیاری ] تراز عنوان. یکی از مقادیر رشته حساس به حروف بزرگ زیر را انتخاب کنید: "l" (چپ)، "c" (مرکز) "r" (راست). پیش فرض "c" است.

مثال ها

شرح	مثال
نموداری با عنوان، با استفاده از رنگ و اندازه فونت پیش‌فرض. یک فاصله با علامت مثبت ( + ) مشخص کنید. از یک کاراکتر لوله ( | ) برای اجبار شکستن خط استفاده کنید. chts در اینجا مشخص نشده است.	chtt=Site+visitors+by+month| January+to+July
نموداری با عنوان آبی، تراز راست، 20 نقطه‌ای.	chtt=Site+visitors chts=FF0000,20,r

بازگشت به بالا

متن و سبک افسانه نمودار chdl , chdlp , chdls [ همه نمودارها ]

افسانه یک بخش جانبی از نمودار است که شرح متنی کوچکی از هر سری ارائه می دهد. می توانید متن مربوط به هر سری را در این افسانه مشخص کنید و مشخص کنید که در کجای نمودار باید ظاهر شود.

همچنین chma مراجعه کنید تا یاد بگیرید که چگونه حاشیه ها را در اطراف افسانه خود تنظیم کنید.

نکته ای در مورد مقادیر رشته: فقط کاراکترهای ایمن URL در رشته های برچسب مجاز هستند. برای ایمن بودن، باید رشته‌های حاوی نویسه‌هایی را که در مجموعه کاراکتر 0-9a-zA-Z نیستند، URL-encode کنید. می‌توانید یک رمزگذار URL را در اسناد تجسم Google بیابید.

نحو

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

chdl - متن هر سری، برای نمایش در افسانه.

< data_series_label >

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

chdlp - [ اختیاری ] موقعیت افسانه و ترتیب ورودی های افسانه. می توانید < position > و/یا < label_order > را مشخص کنید. اگر هر دو را مشخص کردید، آنها را با یک کاراکتر نوار جدا کنید. اگر می‌خواهید ورودی‌های افسانه خالی در chdl در افسانه حذف شوند، می‌توانید یک 's' به هر مقدار اضافه کنید. مثال‌ها: chdlp=bv ، chdlp=r ، chdlp=bv|r ، chdlp=bvs|r

< opt_position >

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

• b - افسانه در پایین نمودار، نوشته های افسانه در یک ردیف افقی.
• bv - افسانه در پایین نمودار، ورودی های افسانه در یک ستون عمودی.
• t - افسانه در بالای نمودار، ورودی های افسانه در یک ردیف افقی.
• tv - افسانه در بالای نمودار، ورودی های افسانه در یک ستون عمودی.
• r - [ پیش‌فرض ] افسانه در سمت راست نمودار، ورودی‌های افسانه در یک ستون عمودی.
• l - افسانه در سمت چپ نمودار، ورودی های افسانه در یک ستون عمودی.

< opt_label_order >

[ اختیاری ] ترتیب نشان داده شدن برچسب ها در افسانه. یکی از مقادیر زیر را انتخاب کنید:

• l - [ پیش‌فرض برای افسانه‌های عمودی ] برچسب‌ها را به ترتیبی که به chdl داده شده است نمایش دهید.
• r - برچسب ها را به ترتیب معکوس مطابق با chdl نمایش دهید. این در نمودارهای میله ای انباشته برای نشان دادن افسانه مفید است
  به همان ترتیبی که میله ها ظاهر می شوند.
• a - [ پیش‌فرض برای افسانه‌های افقی ] مرتب‌سازی خودکار: تقریباً به معنای مرتب‌سازی بر اساس طول، ابتدا کوتاه‌ترین، همانطور که در بلوک‌های 10 پیکسلی اندازه‌گیری می‌شود. هنگامی که دو عنصر دارای طول یکسان هستند (به بلوک های 10 پیکسلی تقسیم می شوند)، عنصری که ابتدا لیست شده است ابتدا ظاهر می شود.
• 0,1,2... - سفارش لیبل سفارشی. این فهرستی از شاخص‌های برچسب مبتنی بر صفر از chdl است که با کاما از هم جدا شده‌اند.

chdls - [ اختیاری ] رنگ و اندازه قلم متن افسانه را مشخص می کند.

< رنگ >

رنگ متن افسانه، در قالب هگزادسیمال RRGGBB .

< اندازه >

اندازه نقطه متن افسانه.

مثال ها

شرح	مثال
دو نمونه از افسانه ها متن افسانه را به همان ترتیب سری داده های خود مشخص کنید.	chdl=NASDAQ|FTSE100|DOW chco=FF0000,00FF00,0000FF chdl=First|Second|Third chco=ff0000,00ff00,0000ff
نمودار اول ورودی‌های افسانه افقی را نشان می‌دهد ( chdlp=t ، طرح‌بندی پیش‌فرض افقی است)، و نمودار دوم ورودی‌های افسانه عمودی پایین ( chdlp=bv ) را نشان می‌دهد.	chdl=First|Second|Third chco=ff0000,00ff00,0000ff chdlp=t chdl=First|Second|Third chco=ff0000,00ff00,0000ff chdlp=bv
این مثال تغییر اندازه فونت را نشان می دهد.	chdls=0000CC,14

بازگشت به بالا

حاشیه های نمودار chma [ همه نمودارها ]

می توانید اندازه حاشیه های نمودار را بر حسب پیکسل مشخص کنید. حاشیه ها از اندازه نمودار مشخص شده ( chs ) به سمت داخل محاسبه می شوند. افزایش اندازه حاشیه، اندازه کل نمودار را افزایش نمی دهد، بلکه در صورت لزوم، منطقه نمودار را کوچک می کند.

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

حاشیه های نمودار شامل برچسب های محور و ناحیه افسانه است. اندازه ناحیه افسانه به طور خودکار تغییر می‌کند تا دقیقاً با متن مطابقت داشته باشد، مگر اینکه با استفاده از chma عرض بزرگ‌تری را مشخص کنید، در این صورت اندازه حاشیه را گسترده‌تر می‌کند و ناحیه نمودار را کوچک‌تر می‌کند. شما نمی توانید یک افسانه را با تعیین اندازه بسیار کوچک برش دهید، اما می توانید کاری کنید که فضای بیشتری از آنچه نیاز دارد اشغال کند. نکته: در نمودار میله‌ای، اگر میله‌ها اندازه ثابتی داشته باشند (پیش‌فرض)، پهنای ناحیه نمودار را نمی‌توان کاهش داد. شما باید اندازه نوار کوچکتر یا قابل تغییر اندازه را با استفاده از chbh مشخص کنید.

نحو

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>

< margin_left >، < right_margin >، < top_margin >، < bottom_margin >

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

< opt_legend_width >، < opt_legend_height >

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

مثال ها

شرح	مثال
در این مثال، نمودار دارای حداقل حاشیه 30 پیکسل در هر طرف است. از آنجایی که پهنای افسانه نمودار بیش از 30 پیکسل است، حاشیه سمت راست به عرض نمودار نمودار تنظیم می شود و با حاشیه های دیگر متفاوت است. برچسب های محور خارج از منطقه طرح هستند و بنابراین در فضای حاشیه ترسیم می شوند.	chma=30,30,30,30
برای اضافه کردن حاشیه در اطراف افسانه، مقداری را برای پارامترهای < opt_legend_width > و < opt_legend_height > تنظیم کنید. در این مثال، پهنای افسانه تقریباً 60 پیکسل است. اگر < opt_legend_width > روی 80 پیکسل تنظیم کنید، حاشیه به 20 پیکسل در خارج از افسانه افزایش می یابد.	chma=20,20,20,30|80,20

بازگشت به بالا

پس زمینه chf را پر می کند [ همه نمودارها ]

می توانید رنگ ها و سبک های پر را برای ناحیه داده نمودار و/یا کل پس زمینه نمودار مشخص کنید. انواع پر شامل پرهای جامد، پرهای راه راه و گرادیان است. می توانید پرهای متفاوتی را برای نواحی مختلف مشخص کنید (مثلاً کل ناحیه نمودار یا فقط ناحیه داده). پر کردن ناحیه نمودار، پر کردن پس‌زمینه را بازنویسی می‌کند. همه پرها با استفاده از پارامتر chf مشخص می‌شوند و می‌توانید انواع مختلف پر (جامد، راه راه، گرادیان) را با جدا کردن مقادیر با کاراکتر لوله ( | ) در یک نمودار ترکیب کنید. ناحیه نمودار پر می شود پرهای پس زمینه نمودار را بازنویسی می کند.

Solid Fills chf [ همه نمودارها ]

می‌توانید برای پس‌زمینه و/یا ناحیه نمودار یک پرکننده جامد مشخص کنید، یا یک مقدار شفافیت به کل نمودار اختصاص دهید. با استفاده از کاراکتر pipe ( | ) می توانید چندین پر را مشخص کنید. (نقشه ها: فقط پس زمینه).

نحو

chf=<fill_type>,s,<color>|...

< fill_type >

بخشی از نمودار در حال پر شدن یکی از مقادیر زیر را مشخص کنید:

• bg - پر کردن پس زمینه
• c - پر کردن منطقه نمودار. برای نمودارهای نقشه پشتیبانی نمی شود.
• a - کل نمودار (از جمله پس زمینه) را شفاف کنید. شش رقم اول < color > نادیده گرفته می شود و تنها دو رقم آخر (مقدار شفافیت) به کل نمودار و همه پرها اعمال می شود.
• b <index> - پرهای جامد میله ای (فقط نمودارهای میله ای). برای پر شدن با یک رنگ ثابت، < index > را با شاخص سری میله ها جایگزین کنید. این اثر شبیه به تعیین chco در نمودار میله ای است. برای مثال رنگ های سری نمودار میله ای را ببینید.

س

پر شدن جامد یا شفاف را نشان می دهد.

< رنگ >

رنگ پر، در قالب هگزادسیمال RRGBBB . برای شفافیت ها، شش رقم اول نادیده گرفته می شود، اما به هر حال باید گنجانده شود.

مثال ها

شرح	مثال
این مثال پس زمینه نمودار را با خاکستری کم رنگ پر می کند ( EFEFEF ).	chf=bg,s,EFEFEF
این مثال پس‌زمینه نمودار را با خاکستری کم رنگ پر می‌کند ( EFEFEF ) و ناحیه نمودار را به رنگ سیاه پر می‌کند ( 000000 ).	chf=c,s,000000| bg,s,EFEFEF
این مثال شفافیت 50٪ را برای کل نمودار اعمال می کند (80 در هگزادسیمال 128 است یا حدود 50٪ شفافیت). به پس‌زمینه سلول جدول که در نمودار نشان داده می‌شود، توجه کنید.	chf=a,s,00000080

بازگشت به بالا

Gradient Fills chf [ خط، نوار، Google-o-meter، Radar، Scatter، Venn ]

می‌توانید یک یا چند پرکننده گرادیان را برای مناطق یا پس‌زمینه نمودار اعمال کنید. پرهای گرادیان از یک رنگ به رنگ دیگر محو می شوند. (نمودار پای، Google-o-meter: فقط پس‌زمینه.)

هر شیب پر یک زاویه را مشخص می کند و سپس دو یا چند رنگ به یک مکان مشخص متصل می شوند. رنگ با حرکت از یک لنگر به لنگر دیگر متفاوت است. شما باید حداقل دو رنگ با مقادیر مختلف <color_centerpoint> داشته باشید تا یکی در دیگری محو شود. هر گرادیان اضافی با یک جفت < color >،< color_centerpoint > مشخص می شود.

نحو

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>

< fill_type >

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

• bg - پر کردن پس زمینه
• c - پر کردن منطقه نمودار.
• b <index> - گرادیان نوار پر می شود (فقط نمودارهای میله ای). برای پر شدن با یک گرادیان، < index > را با شاخص سری میله ها جایگزین کنید. برای مثال رنگ های سری نمودار میله ای را ببینید.

ال جی

یک گرادیان پر را مشخص می کند.

< زاویه >

عددی که زاویه شیب را از 0 (افقی) تا 90 (عمودی) مشخص می کند.

< رنگ >

رنگ پر شده، در قالب هگزادسیمال RRGGBB .

< color_centerpoint >

نقطه لنگر را برای رنگ مشخص می کند. با نزدیک شدن به لنگر دیگری، رنگ از این نقطه شروع به محو شدن خواهد کرد. محدوده مقدار از 0.0 (لبه پایین یا چپ) تا 1.0 (لبه بالا یا راست) است که در زاویه مشخص شده توسط < زاویه > کج می شود.

مثال ها

شرح	مثال
ناحیه نمودار دارای یک گرادیان خطی افقی است که با زاویه صفر درجه ( 0 ) مشخص شده است. رنگ‌ها هلویی ( FFE7C6 )، در مرکز سمت چپ (وضعیت 0.0 ) و آبی ( 76A4FB ) در مرکز سمت راست (وضعیت 1.0 ) هستند. پس زمینه نمودار به رنگ خاکستری ترسیم شده است ( EFEFEF ).	chf= c,lg,0, FFE7C6,0, (هلو) 76A4FB,1 (آبی)
ناحیه نمودار دارای شیب خطی مورب (از پایین چپ به بالا سمت راست) است که با زاویه چهل و پنج درجه مشخص شده است ( 45 ). هلویی ( FFE7C6 ) اولین رنگ مشخص شده است. پایین سمت چپ نمودار هلوی خالص است. آبی ( 6A4FB ) دومین رنگ مشخص شده است. سمت راست بالای نمودار آبی خالص است. توجه داشته باشید که چگونه ما یک آفست 0.75 را تعیین می کنیم تا یک اوج آبی که به سمت گوشه سمت راست بالا محو می شود، ارائه دهیم. پس زمینه نمودار به رنگ خاکستری ترسیم شده است ( EFEFEF ).	chf= c,lg,45, FFE7C6,0, (هلو) 76A4FB,0.75 (آبی)
ناحیه نمودار دارای یک گرادیان خطی عمودی (بالا به پایین) است که با زاویه نود درجه ( 90 ) مشخص شده است. آبی ( 76A4FB ) اولین رنگ مشخص شده است. بالای نمودار آبی خالص است. هلویی ( FFE7C6 ) دومین رنگ مشخص شده است. پایین نمودار هلو خالص است. پس زمینه نمودار به رنگ خاکستری ترسیم شده است ( EFEFEF ).	chf= c,lg,90, FFE7C6,0, (هلو) 76A4FB,0.5 (آبی)

بازگشت به بالا

پرهای راه راه chf [ خط، نوار، Google-o-meter، Radar، Scatter، Venn ]

می توانید یک پس زمینه راه راه برای منطقه نمودار خود یا کل نمودار مشخص کنید. (نمودار پای، Google-o-meter: فقط پس‌زمینه.)

نحو

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>

< fill_type >

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

• bg - پر کردن پس زمینه
• c - پر کردن منطقه نمودار
• b <index> - پرهای نواری راه راه (فقط نمودارهای میله ای). به جای < index > ، فهرست سری میله ها را جایگزین کنید تا با نوار پر شود. برای مثال رنگ های سری نمودار میله ای را ببینید.

ls

پر کردن نوار خطی را مشخص می کند.

< زاویه >

زاویه تمام نوارها نسبت به محور y. از 0 برای راه راه های عمودی یا 90 برای راه راه های افقی استفاده کنید.

< رنگ >

رنگ این نوار، در قالب هگزادسیمال RRGGBB . < رنگ > و < عرض > را برای هر نوار اضافی تکرار کنید. شما باید حداقل دو راه راه داشته باشید. نوارها متناوب تا زمانی که نمودار پر شود.

< عرض >

عرض این نوار از 0 تا 1 است که 1 عرض کامل نمودار است. نوارها تا زمانی که نمودار پر شود تکرار می شوند. < رنگ > و < عرض > را برای هر نوار اضافی تکرار کنید. شما باید حداقل دو راه راه داشته باشید. نوارها متناوب تا زمانی که نمودار پر شود.

مثال ها

شرح	مثال
bg,ls,0 - نوار زمینه را با نوارهایی با زاویه صفر درجه نسبت به محور y (موازی با محور y) پر کنید. نوارها پس زمینه نمودار و همچنین منطقه طرح را پر می کنند. CCCCCC,0.15 - اولین نوار خاکستری تیره، 15٪ به اندازه نمودار است. FFFFFF,0.1 - نوار دوم سفید است، 10٪ به اندازه نمودار.	chf= bg,ls,0, CCCCCC,0.15, FFFFFF,0.1
c,ls,90 - ناحیه نمودار با نوارهای افقی در زاویه نود درجه نسبت به محور y. نوارها منطقه طرح را پر می کنند، اما پس زمینه نمودار حذف شده است. 999999,0.25 - اولین نوار خاکستری تیره است، 25٪ به اندازه نمودار. CCCCCC,0.25 - مانند نوار اول، اما خاکستری روشن تر. FFFFFF,0.25 - همان نوار اول، اما سفید.	chf= c,ls,90, 999999,0.25, CCCCCC,0.25, FFFFFF,0.25

بازگشت به بالا