Google Visualization data.join方法会导致删除工具提示

时间:2016-08-19 11:47:29

标签: javascript charts dataset google-visualization tooltip

我正在使用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}
);

由于某些原因,当我将鼠标移到数据行上时,工具提示不再可见。当我单独展示一套时,它们就可见了。

1 个答案:

答案 0 :(得分:1)

需要在join方法

中包含工具提示列索引
google.visualization.data.join(dt1, dt2, joinMethod, keys, dt1Columns, dt2Columns);

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

中的列索引数组
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]
);