Я создал диаграмму рассеяния с помощью Google Charts. Я могу успешно форматировать точки, чтобы они выглядели так, как я хочу. Однако я не могу понять, как изменить стиль только сфокусированной точки. Например, я могу указать все точки, которые будут отображаться в виде белых кругов, но как мне сделать так, чтобы точка стала зеленой при нажатии?
function drawScatterPlot (table_arguments={}) {
var data = new google.visualization.DataTable();
data.addColumn('number', table_arguments["xtitle"]);
data.addColumn('number', table_arguments["ytitle"]); // Required to be a number
data.addColumn( {'type': 'string', 'role': 'style'} ); // Defines point style
let pointStyle = 'point { size: 12; shape-type: circle; fill-color: #FFFFFF; color: #CCCCCC }';
for (let [index, row_data_i] of Object.entries(row_data)) {
row_data_i[2] = pointStyle;
}
data.addRows(table_arguments["data"]);
var options = {
chart: {
title: table_arguments["title"],
subtitle: table_arguments["subtitle"]
},
hAxis: {title: table_arguments["xtitle"]},
vAxis: {title: table_arguments["ytitle"]},
legend: {position: 'none'},
trendlines: { 0: { opacity: 0 }}
};
var chart = new google.visualization.ScatterChart(document.getElementById('scatterchart_material'));
// DRAW CHART
chart.draw(data, options);
}