Trang này được dịch bởi Cloud Translation API.

Biểu đồ hình ảnh nến

Lưu ý quan trọng: Phần Biểu đồ hình ảnh của Công cụ biểu đồ Google đã không còn được dùng chính thức kể từ ngày 20 tháng 4 năm 2012. Quảng cáo sẽ tiếp tục hoạt động theo chính sách không dùng nữa của chúng tôi.

Tổng quan
Ví dụ
Đang tải
Định dạng dữ liệu
Các lựa chọn về cấu hình
Phương thức
Sự kiện
Chính sách dữ liệu

Tổng quan

Một biểu đồ hình nến được kết xuất dưới dạng hình ảnh bằng API Bảng xếp hạng của Google.

Biểu đồ hình nến được dùng để hiển thị giá trị mở và đóng phủ lên trên tổng phương sai. Biểu đồ hình nến thường được dùng để thể hiện hành vi giá trị cổ phiếu. Trong biểu đồ này, các mục có giá trị mở nhỏ hơn giá trị đóng sẽ được vẽ màu xanh lục và các mục có giá trị mở lớn hơn giá trị đóng sẽ được vẽ bằng màu đỏ. Xem tài liệu về hình nến trong API Google Biểu đồ để biết thêm thông tin.

Ví dụ:

<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>

Đang tải

Tên gói google.charts.load là "imagechart".

  google.charts.load('current', {packages: [imagechart]});

Tên lớp của hình ảnh trực quan là google.visualization.ImageCandlestickChart.

  var visualization = new google.visualization.ImageCandlestickChart(container);

Định dạng dữ liệu

Năm cột, trong đó mỗi hàng mô tả một điểm đánh dấu cho biểu đồ hình nến:

Col 0: Chuỗi được dùng làm nhãn cho điểm đánh dấu này trên trục X.
Col 1: Số chỉ định giá trị thấp/tối thiểu của điểm đánh dấu này. Đây là cơ sở của đường kẻ màu đen.
Col 2: Số chỉ định giá trị mở/ban đầu của điểm đánh dấu này. Đây là một đường viền dọc của nến. Nếu nhỏ hơn giá trị cột 3, cây nến sẽ có màu xanh lục; nếu không thì nến sẽ có màu đỏ.
Col 3: Số chỉ định giá trị đóng/cuối cùng của điểm đánh dấu này. Đây là đường viền dọc thứ hai của hình nến. Nếu nhỏ hơn giá trị cột 2, nến sẽ có màu đỏ; nếu không, nến sẽ có màu xanh lục.
Col 4: Số chỉ định giá trị cao/tối đa của điểm đánh dấu này. Đây là phần đầu của đường màu đen.

Các lựa chọn về cấu hình

Ngoài các tuỳ chọn được hỗ trợ trong Biểu đồ hình ảnh chung, Biểu đồ hình nến hỗ trợ các tuỳ chọn sau:

Tên	Loại	Mặc định	Mô tả
màu nền	chuỗi	"#FFFFFF" (màu trắng)	Màu nền của biểu đồ. Đây là chuỗi #RRGGBB, bao gồm cả dấu #.
showAxisLines	boolean	đúng	Có hiển thị đường trục hay không. Nếu bạn đặt thành false, nhãn trục trục cũng sẽ không hiển thị.
độ cao	number	Chiều cao của phần tử chứa	Chiều cao của biểu đồ, tính bằng pixel. Nếu 30 < height hoặc height > 1.000,thì giá trị này sẽ mặc định là 200.
tối đa	number	Giá trị dữ liệu tối đa	Giá trị trục Y tối đa.
phút	number	Giá trị dữ liệu tối thiểu	Giá trị trục Y tối thiểu.
showCategoryLabels	boolean	đúng	Nếu giá trị là false, sẽ ẩn các nhãn trục X.
showValueLabel	boolean	đúng	Nếu sai, hãy ẩn nhãn trục Y.
showValueLabelInternal	number	tự động	Khoảng cách giữa các nhãn trục Y, tính bằng pixel.
tiêu đề	chuỗi	''.	Văn bản sẽ hiển thị phía trên biểu đồ.
chiều rộng	number	Chiều rộng phần tử chứa	Chiều rộng của biểu đồ, tính bằng pixel. Nếu chiều rộng nhỏ hơn 30 hoặc lớn hơn 1.000, thì chiều rộng sẽ được đặt thành 300.

Phương thức

Phương thức	Loại dữ liệu trả về	Mô tả
`draw(data, options)`	không có	Vẽ biểu đồ.

Sự kiện

Bạn có thể đăng ký nghe các sự kiện được mô tả trên trang Biểu đồ hình ảnh chung.

Chính sách dữ liệu

Vui lòng tham khảo Chính sách ghi nhật ký API biểu đồ.