CODEWITHSUNDEEP
chartstooltipgoogle-visualization
sukhi
sukhi

Reputation: 924

always visible tooltip on google chart on page load?

Is there any way to make google charts tooltip always visible, no matter where the mouse pointer is? it should be constantly on after page load

Upvotes: 7

Views: 8755

Answers (3)

tirdadc
tirdadc

Reputation: 4713

I combined what Jeremy posted with Yasen's comment and came to this solution:

var options = {
  enableInteractivity: false,
  selectionMode: 'multiple',
  tooltip: {
    trigger: 'selection'
  }
};

google.visualization.events.addListener(chart, 'ready', function(e) {
  var selected_rows = [];
  for (var i = 0; i < your_total_number_of_rows - 1; i++) {
    selected_rows.push({row: i, column: null});
  }
  chart.setSelection(selected_rows);
});

chart.draw(data, options);

This shows all the tooltips on load and prevents the user from messing around with them. Works great with the Pie Chart.

Upvotes: 3

Vijay Web
Vijay Web

Reputation: 21

Use tooltip: { trigger: 'selection' } when defining options for the chart.

Upvotes: 2

Jeremy Faller
Jeremy Faller

Reputation: 1394

The best I could come up with is:

http://jsfiddle.net/xDfLd/

But if you interact with the chart (ie, click on different pie segments, or different line segments), the tooltip will disappear. Setting enableInteractivity:false I'll file a bug that tooltips and selections should still display when interactivity is off anyway.

Upvotes: 8

Related Questions