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;
}
fontweight属性bold}
}
]
}
],
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。