Google Charts: Deaktivieren Sie die schwarze Umrandung um eine Leiste, die beim Klicken auf die Leiste angezeigt wird

Question

Immer wenn ich auf eine Leiste in der Google-Timeline klicke, wird eine schwarze Umrandung angezeigt. Ich möchte dieses Verhalten deaktivieren und möglicherweise alle Klickinteraktionen für eine bestimmte Leiste deaktivieren. Wie würde ich das machen?

Beispiel Timeline zu spielen, um zu sehen, was ich meine (auf einer Bar klicken): https://jsfiddle.net/qy1kk0sb/

-Code für Beispiel:

google.charts.load('current', { 
    'packages': ['timeline'] 
    }); 
    google.charts.setOnLoadCallback(drawChart); 

    function drawChart() { 
    var container = document.getElementById('timeline'); 
    var chart = new google.visualization.Timeline(container); 
    var dataTable = new google.visualization.DataTable(); 

    dataTable.addColumn({ 
     type: 'string', 
     id: 'President' 
    }); 
    dataTable.addColumn({ 
     type: 'date', 
     id: 'Start' 
    }); 
    dataTable.addColumn({ 
     type: 'date', 
     id: 'End' 
    }); 
    dataTable.addRows([ 
     ['potato1', new Date(2000, 1, 1), new Date(2017, 2, 3)], 
     ['potato2', new Date(2003, 5, 5), new Date(2016, 12, 31)], 
     ['potato3', new Date(2007, 4, 2), new Date(2019, 3, 14)] 
    ]); 

    chart.draw(dataTable); 
    } 

Answer 1

Ich denke, würden Sie dies mit den Diagrammoptionen ändern könnte (Siehe Google Charts Timeline documentation for other examples), aber ich kann nicht sicher sagen. Während das die ideale Methode wäre, können Sie diesen Fokusindikator mit CSS entfernen:

rect { 
    stroke-width: 0; 
}