این سند نحوه ایجاد نمودارهای Venn را با استفاده از Chart API شرح می دهد.
فهرست مطالب
ویژگی های خاص نمودار
| ویژگی های استاندارد
|
معرفی
نمودارهای ون نمودارهایی با دایره های همپوشانی هستند که نشان می دهد گروه های مختلف چقدر اشتراک دارند. نمودارها از نمودارهای ون با دو یا سه دایره پشتیبانی می کنند. اندازه نسبی دایره ها و میزان همپوشانی بین آنها را مشخص می کنید.
انواع نمودار ( cht
)
یک نمودار ون را با نحو زیر مشخص کنید:
نحو
cht=v
رشته داده مجموعه ای از حداکثر هفت عنصر است که توسط جداکننده مناسب برای قالب داده شما از هم جدا شده است، همانطور که در اینجا توضیح داده شده است:
- سه مقدار اول اندازه سه دایره را مشخص می کند: A، B و C. برای نموداری که فقط دو دایره دارد، برای مقدار سوم صفر را مشخص کنید.
- مقدار چهارم اندازه تقاطع A و B را مشخص می کند.
- مقدار پنجم اندازه تقاطع A و C را مشخص می کند. برای نموداری که فقط دو دایره دارد، در اینجا مقداری را مشخص نکنید.
- مقدار ششم اندازه تقاطع B و C را مشخص می کند. برای نموداری که فقط دو دایره دارد، در اینجا مقداری را مشخص نکنید.
- مقدار هفتم اندازه تقاطع مشترک A، B و C را مشخص می کند. برای نموداری که فقط دو دایره دارد، در اینجا مقداری را مشخص نکنید.
توجه داشته باشید که در نمودارهای ون، همه مقادیر متناسب هستند، نه مطلق. این بدان معناست که نموداری با مقادیر 10،20،30 شبیه نمودارهایی با مقادیر 100،200،300 خواهد بود (اگر نوع رمزگذاری شما این مقادیر را بپذیرد).
شرح | مثال |
---|---|
نمودار ون سه دایره ای. |
|
برای تعیین نمودار دو دایره ای، صفر را برای دایره C مشخص کنید و هیچ مقدار همپوشانی که شامل C باشد را مشخص نکنید. | cht=v |
سری رنگ ها chco
با استفاده از پارامتر chco
می توانید رنگ تمام سری ها، هر سری یا برخی از سری ها را مشخص کنید.
نحو
chco=<color_1>,...,<color_n>
- < رنگ >
- رنگ سری، در قالب هگزادسیمال RRGGBB . با افزودن مقادیر رنگی که با کاما از هم جدا شده اند، رنگ های مختلف را برای سری های مختلف مشخص کنید. اگر رنگهای کمتری نسبت به سریهایتان داشته باشید، آخرین رنگ تکرار میشود، اما در نمودارهای Venn، رنگهای یکسان میتوانند نمودار را برای خواندن سختتر کنند.
شرح | مثال |
---|---|
یک رنگ متفاوت برای هر دایره | chco=FF6342,ADDE63,63C6DE |
اگر رنگ های کمتر از دایره ها وجود داشته باشد، آخرین رنگ مشخص شده تکرار می شود. با این حال، این کار خواندن نمودار را سخت می کند. | |
ویژگی های استاندارد
بقیه ویژگی های این صفحه ویژگی های نمودار استاندارد هستند.
رنگ ها را با استفاده از یک رشته 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" است.
مثال ها
شرح | مثال |
---|---|
نموداری با عنوان، با استفاده از رنگ و اندازه فونت پیشفرض. یک فاصله با علامت مثبت ( از یک کاراکتر لوله ( | chtt=Site+visitors+by+month| |
نموداری با عنوان آبی، تراز راست، 20 نقطهای. | chtt=Site+visitors |
متن و سبک افسانه نمودار 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 chdl=First|Second|Third |
نمودار اول ورودیهای افسانه افقی را نشان میدهد ( | |
این مثال تغییر اندازه فونت را نشان می دهد. | |
حاشیه های نمودار chma
[ همه نمودارها ]
می توانید اندازه حاشیه های نمودار را بر حسب پیکسل مشخص کنید. حاشیه ها از اندازه نمودار مشخص شده ( chs
) به سمت داخل محاسبه می شوند. افزایش اندازه حاشیه، اندازه کل نمودار را افزایش نمی دهد، بلکه در صورت لزوم، منطقه نمودار را کوچک می کند.
حاشیه ها به طور پیش فرض هر چیزی است که پس از محاسبه اندازه نمودار باقی می ماند. این مقدار پیش فرض بسته به نوع نمودار متفاوت است. حاشیه هایی که شما مشخص می کنید حداقل مقدار هستند. اگر ناحیه نمودار جایی برای حاشیه باقی بگذارد، اندازه حاشیه همان چیزی است که باقی مانده است. شما نمی توانید حاشیه ها را کوچکتر از آنچه برای هر افسانه و برچسب لازم است فشار دهید. در اینجا نموداری وجود دارد که بخش های اصلی یک نمودار را نشان می دهد:
حاشیه های نمودار شامل برچسب های محور و ناحیه افسانه است. اندازه ناحیه افسانه به طور خودکار تغییر میکند تا دقیقاً با متن مطابقت داشته باشد، مگر اینکه با استفاده از نکته: در نمودار میلهای، اگر میلهها اندازه ثابتی داشته باشند (پیشفرض)، پهنای ناحیه نمودار را نمیتوان کاهش داد. شما باید اندازه نوار کوچکتر یا قابل تغییر اندازه را با استفاده از |
نحو
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 پیکسل است، حاشیه سمت راست به عرض نمودار نمودار تنظیم می شود و با حاشیه های دیگر متفاوت است. برچسب های محور خارج از منطقه طرح هستند و بنابراین در فضای حاشیه ترسیم می شوند. |
|
برای اضافه کردن حاشیه در اطراف افسانه، مقداری را برای پارامترهای در این مثال، پهنای افسانه تقریباً 60 پیکسل است. اگر |
|
پس زمینه chf
را پر می کند [ همه نمودارها ]
می توانید رنگ ها و سبک های پر را برای ناحیه داده نمودار و/یا کل پس زمینه نمودار مشخص کنید. انواع پر شامل پرهای جامد، پرهای راه راه و گرادیان است. می توانید پرهای متفاوتی را برای نواحی مختلف مشخص کنید (مثلاً کل ناحیه نمودار یا فقط ناحیه داده). پر کردن ناحیه نمودار، پر کردن پسزمینه را بازنویسی میکند. همه پرها با استفاده از پارامتر chf
مشخص میشوند و میتوانید انواع مختلف پر (جامد، راه راه، گرادیان) را با جدا کردن مقادیر با کاراکتر لوله ( | ) در یک نمودار ترکیب کنید. ناحیه نمودار پر می شود پرهای پس زمینه نمودار را بازنویسی می کند.
Solid Fills chf
[ همه نمودارها ]
میتوانید برای پسزمینه و/یا ناحیه نمودار یک پرکننده جامد مشخص کنید، یا یک مقدار شفافیت به کل نمودار اختصاص دهید. با استفاده از کاراکتر pipe ( |
) می توانید چندین پر را مشخص کنید. (نقشه ها: فقط پس زمینه).
نحو
chf=<fill_type>,s,<color>|...
- < fill_type >
- بخشی از نمودار در حال پر شدن یکی از مقادیر زیر را مشخص کنید:
-
bg
- پر کردن پس زمینه -
c
- پر کردن منطقه نمودار. برای نمودارهای نقشه پشتیبانی نمی شود. -
a
- کل نمودار (از جمله پس زمینه) را شفاف کنید. شش رقم اول< color >
نادیده گرفته می شود و تنها دو رقم آخر (مقدار شفافیت) به کل نمودار و همه پرها اعمال می شود. -
b <index>
- پرهای جامد میله ای (فقط نمودارهای میله ای). برای پر شدن با یک رنگ ثابت، < index > را با شاخص سری میله ها جایگزین کنید. این اثر شبیه به تعیینchco
در نمودار میله ای است. برای مثال رنگ های سری نمودار میله ای را ببینید.
-
- س
- پر شدن جامد یا شفاف را نشان می دهد.
- < رنگ >
- رنگ پر، در قالب هگزادسیمال RRGBBB . برای شفافیت ها، شش رقم اول نادیده گرفته می شود، اما به هر حال باید گنجانده شود.
مثال ها
شرح | مثال |
---|---|
این مثال پس زمینه نمودار را با خاکستری کم رنگ پر می کند ( | |
این مثال پسزمینه نمودار را با خاکستری کم رنگ پر میکند ( | |
این مثال شفافیت 50٪ را برای کل نمودار اعمال می کند (80 در هگزادسیمال 128 است یا حدود 50٪ شفافیت). به پسزمینه سلول جدول که در نمودار نشان داده میشود، توجه کنید. | |
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 (لبه بالا یا راست) است که در زاویه مشخص شده توسط < زاویه > کج می شود.
مثال ها
شرح | مثال |
---|---|
ناحیه نمودار دارای یک گرادیان خطی افقی است که با زاویه صفر درجه ( رنگها هلویی ( پس زمینه نمودار به رنگ خاکستری ترسیم شده است ( | |
ناحیه نمودار دارای شیب خطی مورب (از پایین چپ به بالا سمت راست) است که با زاویه چهل و پنج درجه مشخص شده است ( هلویی ( آبی ( پس زمینه نمودار به رنگ خاکستری ترسیم شده است ( | |
ناحیه نمودار دارای یک گرادیان خطی عمودی (بالا به پایین) است که با زاویه نود درجه ( آبی ( هلویی ( پس زمینه نمودار به رنگ خاکستری ترسیم شده است ( | |
پرهای راه راه 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
عرض کامل نمودار است. نوارها تا زمانی که نمودار پر شود تکرار می شوند. < رنگ > و < عرض > را برای هر نوار اضافی تکرار کنید. شما باید حداقل دو راه راه داشته باشید. نوارها متناوب تا زمانی که نمودار پر شود.
مثال ها
شرح | مثال |
---|---|
| chf= |
| chf= |