Google 图表 - Geochart：如何突出显示外部元素中的标记？答案

【问题标题】：Google charts - Geochart: how can I highlight a marker from an external element?Google 图表 - Geochart：如何突出显示外部元素中的标记？
【发布时间】：2015-07-31 09:37:54
【问题描述】：

我有一个 Google Geochart，里面有很多选项：

options = {
    displayMode: 'markers',
    sizeAxis: { minSize: 5, maxSize: 5, minValue: 5, maxValue: 5 },
    colorAxis: { colors: ['#ac2925'] },
    defaultColor: '#ac2925',
    markerOpacity: 0.9,
    width: '100%',
    legend: false
};

我有一个 html 表格，里面有一些数据，如果我将鼠标悬停在表格中并且单元格的内容与图表的 'Value' 字段相同，我想在图表中突出显示一个标记元素。我该怎么做？

【问题讨论】：

标签： charts google-visualization geomap

【解决方案1】：

为时已晚，但答案可能对某些人有用。

在你的 HTML 中，调用 JS 函数

<tr onmouseover="selectMyOption(0)">
    <td>My Label</td>
</tr>

在JS中，获取arrayToDataTable的位置，制作一个对象并传递给setSelection方法。

函数 selectMyOption(x) {

var obj = [{row:x,column:null}]
geochart.setSelection(obj);

}

【讨论】：