Javascript 谷歌图表：带边框的点

要更改点大小，我将pointsize设置为10（例如）

---

我想在这一点上添加一个边界。有什么想法吗？

使用数据视图，您可以使用列角色将样式应用于所有行

在这里，视图将包括数据中的列

0，1

，
并为样式添加第三个计算列

var view = new google.visualization.DataView(data);
view.setColumns([0, 1, {
  calc: function (dt, row) {
    return 'point {stroke-color: #F00; stroke-width: 2;}';
  },
  role: 'style',
  type: 'string'
}]);

然后，在绘制仪表板时，必须使用

视图

dashboard.draw(view);

---

请参阅以下工作片段

google.charts.load（'current'，{packages:['corechart'，'controls']，'language'：'fr'}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var query=new google.visualization.query（'https://docs.google.com/spreadsheets/d/1AOVg0jYaDvoHQeXBcDtJ6HdkBkkcQhEBi9Xo_crOvlk/edit?usp=sharing');
查询.发送（drawDashboard）；
}
功能面板（响应）{
var data=response.getDataTable（）；
var chart=new google.visualization.ChartWrapper({
图表类型：“区域图表”，
集装箱船：“海图分区”，
选项：{
//宽度和chartArea.width对于筛选器和图表应相同
身高：400，
颜色：['#4aadde']，
curveType:'函数'，
点数：5，
图表区：{
宽度：“75%”
},
标题：“公司业绩”，
hAxis:{title:'Year'，titleTextStyle:{color:'#333'}，格式：'d MMM yyyy'}，
变量：{minValue:0}
}
});
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1{
计算：函数（dt，行）{
返回“点{笔划颜色：#F00；笔划宽度：2；}”；
},
角色：'风格'，
键入：“字符串”
}]);
var control=new google.visualization.ControlWrapper({
controlType:“ChartRangeFilter”，
集装箱船：“控制室”，
选项：{
filterColumnIndex:0，
用户界面：{
“图表类型”：“区域图表”，
图表选项：{
身高：50，
面积不透明度：0.9，
颜色：['#5dade0']，
图表区：{
宽度：“75%”
}
},
最小范围大小：86400000，//86400000ms=1天
snapToData:对
}
},
声明：{
范围：{
//将起始范围设置为2012年1月
开始日期：新日期（2017年5月15日），
}
}
});
var dashboard=new google.visualization.dashboard（document.querySelector（“#dashboard_div”）；
dashboard.bind（[control]，[chart]）；
仪表板。绘制（视图）；
函数zoomLastDay（）{
var range=data.getColumnRange（0）；
控件设置状态({
范围：{
开始：新日期（range.max.getFullYear（）、range.max.getMonth（）、range.max.getDate（）-1），
结束：range.max
}
});
控件。draw（）；
}
函数zoomLastWeek（）{
var range=data.getColumnRange（0）；
控件设置状态({
范围：{
开始：新日期（range.max.getFullYear（）、range.max.getMonth（）、range.max.getDate（）-7），
结束：range.max
}
});
控件。draw（）；
}
函数zoomLastMonth（）{
//此处的缩放将月份设置为1，如果上个月的天数比上个月多，则会产生奇数效果
//例如：如果最后一天是3月31日，那么缩放上月将给出3月3日到3月31日的范围，因为这将开始日期设置为2月31日，而2月31日并不存在
//如果需要，您可以调整它以使其功能不同
var range=data.getColumnRange（0）；
控件设置状态({
范围：{
开始：新日期（范围.max.getFullYear（），范围.max.getMonth（）-1，范围.max.getDate（）），
结束：range.max
}
});
控件。draw（）；
}
var runOnce=google.visualization.events.addListener（仪表板，'ready'，函数（）{
google.visualization.events.removeListener（runOnce）；
if（文件增补列表器）{
document.querySelector（“#lastDay”）.addEventListener（'click'，zoomLastDay）；
document.querySelector（“#lastWeek”）.addEventListener（'click'，zoomLastWeek）；
document.querySelector（“#lastmount”）.addEventListener（'click'，zoomlastmount）；
}
否则，如果（文件附件）{
document.querySelector（“#lastDay”）.attachEvent（'onclick'，zoomLastDay）；
document.querySelector（“#lastWeek”）.attachEvent（'onclick'，zoomLastWeek）；
document.querySelector（“#lastmount”）.attachEvent（'onclick'，zoomlastmount）；
}
否则{
document.querySelector（“#lastDay”）.onclick=zoomLastDay；
document.querySelector（“#lastWeek”）.onclick=zoomLastWeek；
document.querySelector（“#lastmount”）.onclick=zoomlastmount；
}
});
}

---

请参见此处的答案-->…谢谢您的回复。我试图添加您已经回答的内容，但没有任何变化：

dashboard.draw(view);