Google 可视化 data.join 方法导致工具提示被删除

Question

我正在使用 google.visualization.data.join 方法合并两个数据集。除了其中一个数据列似乎在此过程中被删除之外，这很好用。

更具体地说，我的数据集是这样构建的：

var data1 = new google.visualization.DataTable();

data1.addColumn('date', 'Date');
data1.addColumn('number', 'Amount');
data1.addColumn({type: 'string', role: 'tooltip'});

// Similar code for data2

然后我继续像这样加入两个数据集：

var joinedData = google.visualization.data.join(data1, data2, 'full', [[0, 0]], [1], [1]);

然后像这样初始化图表：

// Create and draw the visualization.
var chart = new google.visualization.ScatterChart(
document.getElementById('chart-div'));
chart.draw(joinedData, {
    interpolateNulls: true,
    title: 'Test',
    width: 600, height: 400,
    vAxis: {title: "cr", titleTextStyle: {color: "green"}},
    hAxis: {title: "time", titleTextStyle: {color: "green"}},
    lineWidth: 1}
);

出于某种原因，当我将鼠标悬停在数据行上时，工具提示不再可见。当我单独展示一套时，它们是可见的。

Answer 1

需要在 join 方法中包含工具提示列索引

google.visualization.data.join(dt1, dt2, joinMethod, keys, dt1Columns, dt2Columns);

dt1Columns & dt2Columns 应该是要包含在新 table

中的列索引数组

var joinedData = google.visualization.data.join(
  data1, data2, 'full', [[0, 0]],

  // include tooltip column(s) from data table 1 here
  [1, 2],

  // include tooltip column(s) from data table 2 here
  [1, 2]
);

Google 可视化 data.join 方法导致工具提示被删除

Google Visualization data.join method leads to tooltips being removed

javascript

charts

tooltip

google-visualization

dataset