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

Question

我有一张 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 table，其中包含一些数据，如果我将鼠标悬停在 table 中并且如果内容为该单元格与图表元素的 'Value' 字段相同。我该怎么做？

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

}

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

Google charts - Geochart: how can I highlight a marker from an external element?

charts

google-visualization

geomap