用2个笔触创建一个圆

Question

我使用库amchart创建图表。在此图表上，用元素“圆圈”创建了一些项目符号。可以在此项目符号上创建边框，但我也想为其创建光晕以达到这种效果：

但是实际上我只是得到了这样的东西：

circle 
{
  r:5;
  cx:0;
  cy:0;
  fill:#36004E;
  stroke:#FFFFFF;
  stroke-width:2;
}

body {
  background: #333;
}

.module {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

svg {
  fill: #333;
}

<div class="module">
  <svg version="1.1">
    <circle  transform="translate(8,52)" aria-label=" Nov 06, 2017 1.04" class="amcharts-graph-bullet"></circle>
  </svg>
</div>

我尝试使用CSS属性：

• ：之后
• ：之前
• 文字阴影

但到目前为止没有任何作用。