หน้านี้ได้รับการแปลโดย Cloud Translation API

แผนภูมิภาพเทียน

สําคัญ: ตั้งแต่วันที่ 20 เมษายน 2012 เราได้เลิกใช้งานส่วน "แผนภูมิรูปภาพ" ของเครื่องมือแผนภูมิของ Google เลิกใช้งานอย่างเป็นทางการแล้ว และจะทํางานต่อไปตามนโยบายการเลิกใช้งาน

ภาพรวม
ตัวอย่าง
กำลังโหลด
รูปแบบข้อมูล
ตัวเลือกการกําหนดค่า
เมธอด
เหตุการณ์
นโยบายข้อมูล

ภาพรวม

แผนภูมิเทียนซึ่งแสดงผลเป็นรูปภาพโดยใช้ Google Charts API

แผนภูมิแท่งเทียนใช้แสดงค่าเปิดและปิดที่ซ้อนอยู่ที่ด้านบนของความแปรปรวนทั้งหมด แผนภูมิแท่งเทียนมักใช้เพื่อแสดงมูลค่าหุ้น ในแผนภูมินี้ รายการที่มีมูลค่าเปิดน้อยกว่าค่าปิดจะเป็นสีเขียว ดูข้อมูลเพิ่มเติมได้ในเอกสารประกอบเกี่ยวกับการจุดเทียนใน Google Charts 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);

รูปแบบข้อมูล

5 คอลัมน์ ซึ่งแต่ละแถวจะอธิบายถึงเครื่องหมายแท่งเทียน 1 รายการ ดังนี้

Col 0: สตริงที่ใช้เป็นป้ายกํากับสําหรับเครื่องหมายนี้บนแกน X
ข้อ 1: ตัวเลขที่ระบุค่าต่ํา/ต่ําสุดของเครื่องหมายนี้ นี่คือฐานของเส้นสีดํา
ข้อ 2: ตัวเลขที่ระบุค่าเปิด/เริ่มต้นของเครื่องหมายนี้ นี่คือขอบแนวตั้งที่ 1 ของแท่งเทียน หากน้อยกว่าค่าคอลัมน์ 3 เทียนจะเป็นสีเขียว ไม่เช่นนั้นจะเป็นสีแดง
ข้อ 3: ตัวเลขที่ระบุค่าปิด/เครื่องหมายสุดท้ายของเครื่องหมายนี้ นี่คือขอบแนวตั้งที่ 2 ของแท่งเทียน หากน้อยกว่าค่าคอลัมน์ 2 เทียนจะเป็นสีแดง ไม่เช่นนั้นจะเป็นสีเขียว
ข้อ 4: ตัวเลขที่ระบุค่าสูงสุด/ค่าสูงสุดของเครื่องหมายนี้ นี่คือส่วนบนสุดของเส้นสีดํา

ตัวเลือกการกําหนดค่า

นอกจากตัวเลือกที่รองรับแผนภูมิรูปภาพทั่วไปแล้ว แผนภูมิแคนเดิลสติกก็รองรับตัวเลือกต่อไปนี้ด้วย

ชื่อ	ประเภท	ค่าเริ่มต้น	คำอธิบาย
สีพื้นหลัง	สตริง	"#FFFFFF" (สีขาว)	สีพื้นหลังของแผนภูมิ นี่คือสตริง #RRGGBB รวมถึงเครื่องหมาย #
แสดงสายAxisLine	บูลีน	จริง	จะแสดงเส้นแกนหรือไม่ หากตั้งค่าเป็น "เท็จ" ป้ายกํากับแกนก็จะไม่แสดงเช่นกัน
ความสูง	number	ความสูงขององค์ประกอบที่มี	ความสูงของแผนภูมิเป็นพิกเซล หาก 30 < height หรือ height > 1,000 ค่านี้จะมีค่าเริ่มต้นเป็น 200
สูงสุด	number	ค่าข้อมูลสูงสุด	ค่าแกน Y สูงสุด
นาที	number	ค่าข้อมูลขั้นต่ํา	ค่าแกน Y ขั้นต่ํา
แสดงป้ายกํากับหมวดหมู่	บูลีน	จริง	หากเป็นเท็จ จะซ่อนป้ายกํากับแกน X
แสดงป้ายกํากับค่า	บูลีน	จริง	หากเป็นเท็จ จะซ่อนป้ายกํากับแกน Y
แสดงป้ายกํากับค่าภายใน	number	อัตโนมัติ	การเว้นวรรคระหว่างป้ายกํากับแกน Y ในหน่วยพิกเซล
title	สตริง	''	ข้อความที่จะแสดงเหนือแผนภูมิ
ความกว้าง	number	ความกว้างขององค์ประกอบที่มี	ความกว้างของแผนภูมิเป็นพิกเซล หากความกว้างน้อยกว่า 30 หรือมากกว่า 1,000 ระบบจะตั้งค่า width เป็น 300

เมธอด

วิธีการ	ประเภทการแสดงผล	คำอธิบาย
`draw(data, options)`	ไม่มี	วาดแผนภูมิ

เหตุการณ์

คุณสามารถลงทะเบียนเพื่อฟังเหตุการณ์ที่อธิบายไว้ในหน้าแผนภูมิรูปภาพทั่วไป

นโยบายข้อมูล

โปรดอ่านนโยบายการบันทึก API ของแผนภูมิ