Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - 通过链接谷歌可视化表包装每一行

In lại Tác giả: Vũ trụ không gian 更新时间：2023-11-04 09:55:50 25 4
mua khóa gpt4 Nike

一旦用户从

选择表格行，我就会为每个表格行弹出一个窗口 
google.visualization.events.addListener(table, 'select', function() {}

但默认的谷歌可视化表行不显示为可点击。

我希望它们对用户显示为可点击。所以我添加了这段代码，但没有成功。

var container = document.getElementById(divName);
var table = new google.visualization.Table(container);
table.draw(data, options);
google.visualization.events.addListener(bảng, 'sẵn sàng', function() {
    container.getElementsByTagName('TR')[0].html = '';
    console.log("bàn đã sẵn sàng");
});

Ngay cả bàn điều khiển cũng không in được gì. Bất kỳ trợ giúp sẽ được đánh giá rất cao.

câu trả lời hay nhất

Nếu bạn chỉ muốn con trỏ biến thành hình bàn tay khi người dùng di chuột vào hàng
Bạn có thể sử dụng css trên biểu đồ div 

#chart_div tr {
  cursor: pointer;
}

Bạn cũng có thể sử dụng biểu đồ cssClassNamestùy chọn và gán css theo cách này
Vấn đề duy nhất là bạn mất CSS mặc định cho biểu đồ,
Vì vậy những gì phải được cung cấp không chỉ làcon trỏ

Nếu bạn muốn hiển thị "Siêu liên kết", bạn có thể thay đổi văn bản của ô đầu tiên
Nhưng bạn không thể bọc toàn bộ hàng trong thẻ neo

Hãy xem đoạn công việc sau đây, trong đó có...

google.charts.load('current', {
  gọi lại: hàm () {
    var data = google.visualization.arrayToDataTable([
      ['Tháng', '2015', '2016'],
      ['Tháng 1', 10, 15],
      ['Tháng 2', 12, 18],
      ['Tháng 3', 14, 21],
      ['Tháng 4', 16, 24]
    ]);

    var container = document.getElementById('chart_div');
    var Chart = new google.visualization.Table(container);

    google.visualization.events.addListener(biểu đồ, 'sẵn sàng', hàm () {
      var tableRows = container.getElementsByTagName('tbody')[0].rows;
      // thay đổi ô đầu tiên thành liên kết
      Array.prototype.forEach.call(tableRows, function(row) {
        row.cells[0].innerHTML = '' + row.cells[0].innerHTML + '';
      });
    });

    biểu đồ.draw (dữ liệu, {
      allowHtml: đúng
    });
  },
  gói: ['bảng']
});
#chart_div tr {
  cursor: pointer;
}

Về javascript - gói từng hàng bằng cách liên kết Bảng hiển thị của Google, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/38736519/

25 4 0
Bài viết khuyến nghị: Làm cách nào để tải xuống và lưu tệp từ Internet bằng Java?
Bài viết khuyến nghị: Java 说 FileNotFoundException 但文件存在
Bài viết khuyến nghị: html - 始终具有虚线样式的链接
Bài viết khuyến nghị: java - WebDriver 和 ChromeDriver : Unable to fix org/json/JSONException error
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress