Draw a circle with center as given coordinate points (x,y) and given radius using echarts.

[stuti24sinha]

Problem Statement : I want to plot a circle with a center as (cx,cy) and a given radius.

Below is the code:

option = { xAxis: { type: 'value', min: 50, max: 500, interval: 100 }, yAxis: { type: 'value', min: 50, max: 500, interval: 100 }, graphic: [ { elements: [ { id: 'small_circle', type: 'circle', z: 100, shape: { // x coordinate for center cx: 150 , // y coordinate for center cy: 350 , // radius r: 50, }, style: { fill: 'rgba(0, 140, 250, 0.5)', stroke: 'rgba(0, 50, 150, 0.5)', lineWidth: 2 } } ] } ], };

Issue : The circle rendered does not have the center (cx,cy).

Can you help me on how to provide the values for center using options ?