ecahrts escritura gráfico de radar

getRadarOption (ARR) { 
el dejar indiArr = [];
el dejar dataArr = [];
for ( el dejar que I = 0; I <ARR. longitud; i ++) {
indiArr. Empuje ({
nombre: [ARR . I] nombre, // cada nombrar polo
min: 0, // mínimo valor del rango
máximo: 100, valor máximo rango //
});
dataArr. push (ARR [ I]. value);
}

let Opción = {
color: [ '# 61a5e8' ],
información sobre herramientas: {
disparador: 'artículo',
formateador: (params) => {
el dejar Indicador = . Opción radar. Indicador;
dejar que nameArr = [];
dejar que los datos = '';
deje resultado = '';

para ( deje clave en el indicador) {
nameArr. push ( indicador [ clave]. nombre);
}

Para ( dejar que i = 0; i <params. Valor. Longitud; i ++) {
datos = nameArr [ i] + ':' + (. Params valor [ i]);
resultar + = datos + '<br/>';
}

Devolver resultado;
}
},
Rejilla: {
top: '0%'
},
Radar: {
Forma: 'Círculo',
nombre: {
TEXTSTYLE: {
color: '# 000000',
el fontSize: 13 es,
la fontFamily: 'el Microsoft YaHei',
}
},
splitNumber: . 4,
splitArea: {
AreaStyle: {
color: [ ' #FFFFFF', '# f2f2f2', '# FFFFFF', '#bcbcbc '] // color de radar de la figura de cuatro círculo dividido
}
},
axisLine: // línea de estilo gráfico de radar {
lineStyle: {
Mostrar: ' true' ,
color: '#ebebeb',
}
},
SplitLine: // {estilo de línea de división círculo
lineStyle: {
Mostrar: 'true',
color:'#Ebebeb'// color de la línea de separación de anchura: . 1, // despedida ancho de línea } }, RADIUS: '70% ' Center: [ '50%', '50% '], Indicador: indiArr, }, Series: [{ nombre : 'inspección regla', tipo: 'Radar', de datos: [ { Símbolo: 'Círculo', AreaStyle: { normal: { Opacidad: 0,6, } }, valor: dataArr, cada coordenada valor // } ] }] }; retorno Opción; },

























Supongo que te gusta

Origin www.cnblogs.com/zhanyuefeixian/p/12610955.html
Recomendado
Clasificación