title: Remove hover tooltip from specific series Google Visualization line chart
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>     
              google.charts.load('current', { packages: ['corechart', 'line'] });
  
  
              function DrawChart(){
                  var data = new google.visualization.DataTable();
                  data.addColumn('number', 'X');
                  data.addColumn('number', '%97');
                  data.addColumn('number', '%85');
                  data.addColumn('number', '%50');
                  data.addColumn('number', '%15');
                  data.addColumn('number', '%3');
                  data.addColumn('number', 'Points');
                  data.addColumn({ type: 'string', role: 'tooltip', p: { 'html': true } });
  
                  data.addRow([1, 10, 8, 7, 4, 3, null, null]);
                  data.addRow([2, 8, 7, 6, 3, 1, null, null]);
                  data.addRow([3, 11, 9, 7, 5, 2, null, null]);
                  data.addRow([4, 12, 8, 6.5, 4, 2, null, null]);
                  data.addRow([5, 10, 9, 8, 2, 1, null, null]);
  
  
                  data.addRow([1.5, null, null, null, null, null, 8, '&lt;b style=color:red&gt;tooltip&lt;/b&gt;']);
                  data.addRow([2.7, null, null, null, null, null, 3, '&lt;b style=color:green&gt;tooltip&lt;/b&gt;']);
                  data.addRow([5.2, null, null, null, null, null, 2, '&lt;b style=color:blue&gt;tooltip&lt;/b&gt;']);
  
  
  
                  var options = {
                      explorer: {
                          actions: ['dragToZoom', 'rightClickToReset'],
                          keepInBounds: true,
                      },
                      crosshair: {
                          color: '#330066',
                          trigger: 'selection'
                      },
                      tooltip: {
                          isHtml: true,
                      },
                      colors: ['#ff2727', '#ffcc00', '#2c962c', '#ffcc00', '#ff2727', '#000000'],
                      series: {
                          5: {
                              lineWidth: 1,
                              pointSize: 4,
                              visibleInLegend: false,
                              enableInteractivity: true
                          }
                      },
                     // enableInteractivity: false,
                      pointSize: 0,
                      lineWidth: 1,
                  };
  
                  var chart = new window.google.visualization.LineChart(document.getElementById('chart_div'));
                  chart.draw(data, options);
  
  
              };</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  &lt;input type="button" value="Draw Chart" onclick="DrawChart()"/&gt;
          &lt;div id="chart_div"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am using google line chart, options like this:</p>
  
  <pre><code>var options = {
                      explorer: {
                          actions: ['dragToZoom', 'rightClickToReset'],
                          keepInBounds: true,
                      },
                      crosshair: {
                          color: '#330066',
                          trigger: 'selection'
                      },
                      tooltip: {
                          isHtml: true,
                      },
                      series = {
                              7: { 
                                  lineWidth: 1,
                                  pointSize: 3,
                                  visibleInLegend: false,
                              }
                       },
                      pointSize: 0,
                      lineWidth: 1,
                  };
  </code></pre>
  
  <p>I try to remove the auto tooltip from <strong>specific series</strong>,
  I had see the question <a href="https://stackoverflow.com/questions/8223145/remove-hover-tooltip-from-google-visualization-pie-chart-core-chart">Remove hover tooltip from Google Visualization pie chart (core chart)</a> but the answers not appropriate for me, i cant set:</p>
  
  <pre><code>enableInteractivity = false
  </code></pre>
  
  <p>because I did not want to disable the series selection.</p>
  
  <p>Can you help?</p>