echart... polar 그래프 세부조정을 어떻게 하나요?ㅠㅠ도저히 모르겠습니다

Question

현재 이 모양을 구현해야 하는 상태입니다<목표>현재 여기까지 구현한 상태입니다<현재>위와 같이1. 가장자리에도 배경색을 칠하고,2. 두개의 Series(파이)를 위 그림처럼 겹치게 두고(윗 그림은 겹쳐져있는데, 제가 구현한 버전은 파이 둘이 겹쳐지지가 않습니다) 3. 안에 있는 원의 axis Tick과 원 사이에 빈 공간을 주고,4. 가운데 원을 없애려면 어떻게 하면 될까요? GPT에게 물어도 대답이 안나오네요ㅠ var chartDom = document.getElementById('my_stat_chart'); var total_stat_graph = echarts.init(chartDom, null, { renderer: 'svg'}); total_stat_option = { border:"1px solid green", padding:"10px", angleAxis: { show: true, min: 0, max: 100, clockwise: false, startAngle:270, axisLine: { lineStyle: { color: '#7EE9AD', // Set the color of the angleAxis } }, axisTick: { show: false, // Hide axis tick marks }, axisLabel:{ show:false } }, radiusAxis: { show: false, type: "category", data: ["표준"], z:10, }, polar: { radius: ["75%", "50%"], /* 전체 크기, inner Circle 크기*/ center: ["50%", "50%"], backgroundStyle: { color: "#c6f7d1", }, }, series: [ { animation:true, type: "bar", coordinateSystem: "polar", data: [36.2], color: "#4cbc7c", barWidth: 15, showBackground: true, backgroundStyle: { color: "#c6f7d1", }, itemStyle: { borderRadius: [0, 0, 0, 0] }, barGap:0 }, { animation:true, type: "bar", coordinateSystem: "polar", data: [50], color:"#ffe36e", barWidth: 8, barGap:0, showBackground: true, backgroundStyle: { color: "#c6f7d1", }, itemStyle: { borderRadius: [0, 0, 0, 0] /* BAR STYLE*/ } }, ] }; my_stat_option&&my_stat_graph.setOption(my_stat_option);echart 고수분께 도움을 구합니다ㅠㅠ

echart... polar 그래프 세부조정을 어떻게 하나요?ㅠㅠ도저히 모르겠습니다

0개의 답변

Q&A 목록