reactjs - 将 Kendo UI - RadialGauge 指针类型更改为自定义

Question

我正在尝试更改 Kendo UI 的RadialGauge中的指针，但我在 jsx 文件中看不到执行此操作的选项。

这就是我想要实现的-

注意黑色指针的形状。它更像是一个亲爱的水滴形状。

这就是我的仪表现在的样子——

注意指针底部的黑色圆圈。我希望能够减小它的半径。

下面是我的代码 - https://stackblitz.com/edit/react-zqkayk?file=app/main.jsx

const radialOptions = {
pointer: {
  type: "needle",
  value: ValueVar,
  color: 'black',
            cap: {
                size: 0.1
            }
},
shape: 'arrow',
scale: {
  max: 100,
  startAngle: 0,
  endAngle: 180,
  rangeSize:10,
  labels: { visible: false },
  majorTicks: { visible: false },
  minorTicks: { visible: false },
  ranges: RangesVar
}
  };
  return <RadialGauge {...radialOptions} />;

我从开发工具中注意到它是“k-gauge”类中的一个“圆形”组件。它有一个名为“r”的属性，它决定了半径。如果我将它降低到“7.7”，我会降低它。

但我不确定如何定位它。