חשוב: החלק של 'תרשימי התמונות' בכלי התרשימים של Google הוצא משימוש באופן רשמי החל מ-20 באפריל 2012. הוא ימשיך לפעול בהתאם למדיניות שלנו בנושא הוצאה משימוש.
סקירה כללית
תרשים פמוט שמוצג כתמונה באמצעות Google התרשימים API.
תרשים פמוט משמש להצגת ערך פתיחה וערך סגירה מעל לשינוי הכולל. לרוב, תרשימי פמוט משמשים להצגת התנהגות של ערך מנייה. בתרשים הזה, פריטים שבהם ערך הפתיחה נמוך מערך הסגירה מסומנים בירוק, ופריטים שבהם ערך הפתיחה גבוה מערך הסגירה משורטטים באדום. מידע נוסף זמין בתיעוד על פמוטים ב-GoogleCharts API.
דוגמה
<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load("current", {packages:["imagechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var options = {}; dataTable = google.visualization.arrayToDataTable([ ['Gainers',10,30,45,60], ['Losers',20,35,25,45], ], true); var chart = new google.visualization.ImageCandlestickChart(document.getElementById('chart_div')); chart.draw(dataTable, options); } </script> </head> <body> <div id="chart_div" style="width: 400px; height: 240px;"></div> </body> </html>
בטעינה
שם החבילה של google.charts.load
הוא "imagechart"
.
google.charts.load('current', {packages: [imagechart]});
שם הכיתה הוא google.visualization.ImageCandlestickChart
.
var visualization = new google.visualization.ImageCandlestickChart(container);
פורמט נתונים
חמש עמודות, כאשר כל שורה מתארת סמן יחיד לאור נרות:
- קול 0: מחרוזת שמשמשת כתווית לסמן הזה בציר ה-X.
- צבע 1: מספר שמציין את הערך הנמוך/הנמוך של סמן זה. זה הבסיס של הקו השחור.
- צבע 2: מספר שמציין את הערך הפותח/ההתחלתי של הסמן הזה. זהו גבול אנכי אחד של הנר. אם הערך קטן מהערך בעמודה 3, הנר יהיה ירוק, אחרת הוא יופיע באדום.
- צבע 3: מספר שמציין את ערך הסגירה/הסופי של הסמן הזה. זהו הגבול האנכי השני של הנר. אם הערך קטן מעמודה 2, הנר יהיה אדום. אחרת, הוא יהיה ירוק.
- צבע 4: מספר שמציין את הערך הגבוה/המקסימלי של הסמן הזה. זה החלק העליון של הקו השחור.
אפשרויות הגדרה
בנוסף לאפשרויות שנתמכות בתרשים תמונות גנרי, תרשים פמוט תומך באפשרויות האלה:
שם | סוג | ברירת מחדל | תיאור |
---|---|---|---|
צבע רקע | string | ' #FFFFFF' (לבן) | צבע הרקע של התרשים. זוהי מחרוזת #RRGGBB, כולל הסימן #. |
ShowAxisLines | boolean | נכון | האם להציג את קווי הציר אם המדיניות מוגדרת כ-False, גם תוויות הצירים לא יוצגו. |
גובה | number | הגובה של הרכיב המכיל | גובה התרשים, בפיקסלים. אם 30 < height או height > 1,000, ערך זה יהיה 200 כברירת מחדל. |
מקסימלי | number | ערך נתונים מקסימלי | הערך המקסימלי של ציר Y. |
דק' | number | ערך נתונים מינימלי | הערך המינימלי של ציר Y. |
תווית-קטגוריות | boolean | נכון | אם False, מסתיר את תוויות ציר ה-X. |
תוויות של ValueValue | boolean | נכון | אם False, מסתיר את תוויות ציר Y. |
showValueLabelsפנימיים | number | אוטומטי | הריווח בין תוויות ציר Y, בפיקסלים. |
שם פריט | string | '' | טקסט להצגה מעל לתרשים. |
רוחב | number | רוחב רכיב הרכיב שמכיל | רוחב התרשים, בפיקסלים. אם width קטן מ-30 או גדול מ-1,000, width יוגדר ל-300. |
שיטות
שיטה | סוג הערך המוחזר | תיאור |
---|---|---|
draw(data, options) |
ללא | משרטט את התרשים. |
אירועים
אפשר להירשם כדי לשמוע את האירועים המתוארים בדף תרשים תמונות כללי.
מדיניות נתונים
יש לעיין במדיניות הרישום של API ב-Chart.