javascript - EChart に円を描く

Question

次の Apache EChart があります。

var option = {
    series: [
        {
          name: 'RollPitch',
          type: 'gauge',
          data: [
            {
              value: 0,
              name: '',
              itemStyle: { color: '#CF4437' },
            },
          ],
          min: 0,
          max: 360,
          splitNumber: 4,
          splitLine: {
            show: false,
          },
          startAngle: 0,
          endAngle: 359.9999999,
          axisLine: {
            lineStyle: {
              color: [[100, '#D8D8D8']],
              width: 50,
            },
          },
          axisTick: {
            show: false,
          },
          pointer: {
            show: true,
            length: '110%',
            width: 8,
          },
          detail: {
            show: false,
          },
        },
      ],
};

https://echarts.apache.org/examples/en/editor.html ?

私が達成したいのは、x 座標と y 座標で指定された円を描くことです。

可能な解決策がどのように達成されるか、誰かがヒントを教えてくれますか? ECharts で作成されたキャンバスに描画しますか? 位置をマッピングするには？