三角雷达图echarts 配置项内容和展示

良好

      
            var dataname = ["自我评价", "老师评价", "学生评价"];
            var datamax = [100, 100, 100];
            var datavaule = [80, 90, 44];
          var datavalueNum = 0 ;
              for (var i = 0; i < datavaule.length; i++) {
                  
                datavalueNum += datavaule[i];
            }
          var age =   datavalueNum /    datavaule.length ;   
          age = age.toFixed(1);
              console.log(age,999999999999);
            var indicator = [];
            for (var i = 0; i < dataname.length; i++) {
                indicator.push({
                    name: dataname[i],
                    max: datamax[i]
                });
            }
            function contains(arrays, obj) {
                var i = arrays.length;
                while (i--) {
                    if (arrays[i] === obj) {
                        return i;
                    }
                }
                return false;
            }

            option = {
                title: {
                    text: "综合评估:"+age+'分',
                    subtext: "良好",
                    subtextStyle: {
                        color: "green",
                        fontSize: 30,
                        fontWeight: 900
                    },
                    left: 10,
                    top: 10
                },
                tooltip: {
                    show: false,
                    trigger: "item"
                },
                radar: {
                    center: ["50%", "50%"],
                    radius: "65%",
                    //startAngle: 240,
                    splitNumber: 5,
                    splitArea: {
                        areaStyle: {
                            color: [
                                "rgba(0,96,208, 0.1)",
                                "rgba(0,96,208, 0.2)",
                                "rgba(0,96,208, 0.3)",
                                "rgba(0,96,208, 0.4)",
                                "rgba(0,96,208, 0.5)",
                                "rgba(0,96,208, 0.6)"
                            ].reverse()
                        }
                    },
                    axisLabel: {
                        show: false
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "transparent"
                        }
                    },
                    splitLine: {
                        show: true,
                        lineStyle: {
                            color: "transparent"
                        }
                    },
                    name: {
                        formatter: function(value) {
                            var i = contains(dataname, value);
                            var percent = datavaule[i];
                            var ret = ""; //拼接加\n返回的类目项
                            var maxLength = 6; //每项显示文字个数
                            var valLength = value.length; //X轴类目项的文字个数
                            var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                            if (rowN > 1) {
                                //如果类目项的文字大于6,
                                var temp = ""; //每次截取的字符串
                                var start = 0; //开始截取的位置
                                var end = maxLength; //结束截取的位置
                                temp =
                                    value.substring(start, end) +
                                    "\n" +
                                    value.substring(end, valLength);
                                ret += temp; //凭借最终的字符串
                                return (
                                    "{a|" +
                                    percent +
                                    "分" +
                                    "}\n" +
                                    "{b|" +
                                    ret +
                                    "}"
                                );
                            } else {
                                return (
                                    "{a|" +
                                    percent +
                                    "分" +
                                    "}\n" +
                                    "{b|" +
                                    value +
                                    "}"
                                );
                            }
                        },
                        textStyle: {
                            rich: {
                                a: {
                                    color: "black",
                                    fontSize: 12,
                                    padding: [0, 0, 10, 0],
                                    lineHeight: 30
                                },
                                b: {
                                    color: "black",
                                    fontSize: 12,
                                    padding: [0, 0, 10, 0],
                                    lineHeight: 0
                                }
                            }
                        }
                    },
                    indicator: indicator
                },

                series: [
                    {
                        type: "radar",
                        symbol: "circle",
                        symbolSize: 7,
                        areaStyle: {
                            normal: {
                                color: "rgba(0,96,208, 0.6)"
                            }
                        },
                        itemStyle: {
                            color: "#84E1FF",
                            borderColor: "#00A7FE",
                            borderWidth: 1
                        },
                        lineStyle: {
                            normal: {
                                color: "#00A7FE",
                                width: 2
                            }
                        },
                        data: [datavaule]
                    }
                ]
            };