顯示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>