Google charts - Geochart: как выделить маркер с внешнего элемента?

У меня есть 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' поле элемента диаграммы. Как я могу это сделать?

0 ответов

Это слишком поздно, но ответ может быть полезным для кого-то.

В вашем HTML, вызовите функцию JS

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

В JS получите позицию arrayToDataTable, создайте объект и перейдите к методу setSelection.

function selectMyOption (x) {

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

}

Другие вопросы по тегам