如何防止ColumnChart中的弹出窗口

时间:2014-03-23 22:52:23

标签: javascript google-visualization balloon

我使用谷歌地图ColumnChart来重新呈现地图中的高程。 我还使用鼠标悬停来打印信息并显示相应的位置。 单击图表中的列时,会弹出信息气球,如下所示:

http://4.bp.blogspot.com/-4I8oi3WqY5o/UIZnzbXql_I/AAAAAAAAAcE/GO4wl6I2-lM/s1600/Charts.png

这款气球适用于台式机,但对移动设备很痛苦(非常难以关闭等)。

如何完全禁用它?它与传递给图表的第二个数据列有关。 没有气球!

谢谢!

L,

修改 代码按要求添加:

var option = {
  legend: 'none',
  backgroundColor: 'transparent',
  colors: ["#C9CFF5"],
  titleColor: '#C9CFF5',
  focusBorderColor: '#00AA00',
  titleY: 'Elevation (m)',
  tooltip: { trigger: 'none' },
  bar: { groupWidth: '100%' }
}
// Build data
var data = new google.visualization.DataTable();
data.addColumn('string', 'Sample');
data.addColumn('number', 'Elevation (m):');
for (var i = 0; i < trackmarks.length; i++) {
  data.addRow(['', trackaltis[i]]);
}

// Draw the chart using the data within its DIV.
chart = new google.visualization.ColumnChart(document.getElementById('elevation_chart'));
chart.draw(data, option);

0 个答案:

没有答案