Question

有没有什么方法可以显示工具提示始终对散点图中的某些点可见，如图像attached 我用过

＆＃13;

 tooltip: { trigger: 'selection' }

＆＃13;

但它只会在用户点击该点时显示。我想要三个点一直显示工具提示，其他点被禁用（不可点击）。

Answer 1

在没有用户交互的情况下显示工具提示，
使用图表方法 - ＆gt; setSelection，
在图表的'ready'事件中，
并在'select'事件中＆＃34;禁用＆＃34; ...

setSelection获取一系列对象，
每个对象都应该具有数据表中的row和column的属性...

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

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

aggregationTarget: 'none'

和多个选择的以下选项...

selectionMode: 'multiple',

请参阅以下工作代码段...

＆＃13;

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);
}

＆＃13;

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

＆＃13;

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

1 个答案: