echarts 自定義雷達圖標識 位置 顏色

封裝 傳值處理

myChart.setOption({           

 　　　　　　radar: [
                {
                    indicator: radarDate.radar_data,
                    center: ['50%', '50%'],
                    radius: 80,
                    splitNumber: 3, // 雷達圖圈數設置
                    nameGap: 8, // 指示器名稱和指示器軸的距離。[ default: 15 ]
                    name: {
　　　　　　　　　　　　　　// 重點是這的語法 a|b 前面的是 a是標識 b是顯示的值 '\n'　　 如果需要每一個都自定義 調整 可以a{ticket.index} 這樣就變成了a0 a1 每一個都唯一 
　　　　　　　　　　　　　　// rich是 定義樣式的語法
　　　　　　　　　　　　　　// rich :{ a :{} }
                    formatter: function (params, ticket) {
                            return `{${ticket.index}|${params}}` + '\n' + `{a|${ticket.rate}%}`;
                        },
                        rich: {
                            a: {
                                align: 'center',fontWeight: 'bold',color: '#fb7299',
                            }
                        },
                        textStyle: {   //全局字體樣式
                            fontWeight: 'bold',
                            color: '#151515',
                            fontSize: remToPx(0.75),
                        },
                    },
                },
            ],
            series: [         //內部的顏色
                {
                    type: 'radar',
                    symbol: 'circle', // 拐點的樣式圓，還可以取值'rect'-方
                    symbolSize: 6, // 拐點的大小
                    areaStyle: {
                        normal: {
                            opacity: 0.5,  //背景透明
                        },
                    },
                    data: [
                        {
                            value: radarDate.series_data,
                            itemStyle: {    //顏色 默認灰色
                                normal: {
                                    color: isInApp ? '#fb7299' :"#b3afaf",    
                                },
                            },
                            label: {
                                show: false,
                                formatter: function (item) {
                                    return item.value;
                                }
                            }
                        }
                    ]
                }
            ],
        });