Charts 如何更改Google图表散点图中焦点的样式
我用谷歌图表创建了一个散点图。我可以成功地设置点的格式,使其符合我的要求。然而,我不知道如何只改变焦点的样式。例如,我可以指定要绘制为白色圆圈的所有点,但如何在单击时将点更改为绿色Charts 如何更改Google图表散点图中焦点的样式,charts,google-visualization,scatter-plot,Charts,Google Visualization,Scatter Plot,我用谷歌图表创建了一个散点图。我可以成功地设置点的格式,使其符合我的要求。然而,我不知道如何只改变焦点的样式。例如,我可以指定要绘制为白色圆圈的所有点,但如何在单击时将点更改为绿色 function drawScatterPlot (table_arguments={}) { var data = new google.visualization.DataTable(); data.addColumn('number', table_argumen
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);
}
这方面没有标准选项。在
'select'
事件中,您可以尝试手动更改该点的svg,或者更改该点的样式并重新绘制图表,类似于……此操作没有标准选项。在'select'
事件中,您可以尝试手动更改点的svg,或者更改点的样式并重新绘制图表,类似于。。。