有没有办法让我在nvd3的交互层中修改圆圈的大小？

Question

当您的鼠标悬停在图表上时，NVD3的交互层具有圆圈/点，突出显示线条图中线条的一个点。有没有办法改变那个圆圈的大小？我的目标是让它变小。

以下是我正在谈论的圈子。

Answer 1

通过增加css中的笔画宽度。

.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups
.nv-point.hover {
      stroke-width: 14px; //(7px -> 14 px)  
      fill-opacity: .5 !important;
      stroke-opacity: .5 !important;
 }