charts - 如何更改 Google Charts 散点图中焦点的样式

Question

我使用 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);
}

标签： chartsgoogle-visualizationscatter-plot