显示Google Scatter图表工具提示的一些要点

Question

是否有任何办法可以显示工具提示始终可见一些在散点图的点的作为图像连着我已经使用

  tooltip: { trigger: 'selection' } 

但只有当用户单击该点时，它才可见。 我希望其中三个要点始终显示工具提示，而其他要禁用的点（不可单击）。

Answer 1

在没有用户交互的情况下显示工具提示，
使用图表方法-> setSelection ，
在图表的'ready'事件中，
并在'select'事件上“禁用” ...

setSelection采用对象数组，
每个对象都应具有数据表row和column的属性...

chart.setSelection([
  {row: 0, column: 1},
  {row: 5, column: 1},
  {row: 11, column: 1}
]);

默认情况下，图表将在同一工具提示中显示多个选择，
使用以下选项为每个点显示单独的工具提示...

aggregationTarget: 'none'

以及以下用于多个选择的选项...

selectionMode: 'multiple',

请参阅以下工作片段...

 google.charts.load('current', { packages: ['corechart'] }).then(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['x', 'v'], [10, 15], [15, 13], [18, 20], [24, 26], [34, 30], [40, 43], [49, 48], [50, 55], [65, 67], [70, 70], [72, 70], [73, 70], [80, 85] ]); var container = document.getElementById('chart_div'); var chart = new google.visualization.ScatterChart(container); var options = { aggregationTarget: 'none', height: 400, legend: { position: 'top' }, selectionMode: 'multiple', tooltip: { trigger: 'selection' } }; google.visualization.events.addListener(chart, 'ready', setChartSelection); google.visualization.events.addListener(chart, 'select', setChartSelection); function setChartSelection() { chart.setSelection([ {row: 0, column: 1}, {row: 5, column: 1}, {row: 11, column: 1} ]); } chart.draw(data, options); } 

 <script src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div"></div>