גרף תמונות פמוט

חשוב: החלק של 'תרשימי התמונות' בכלי התרשימים של 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.