消防训练量化评分雷达图单轴数据的实现基于echarts 2.0X版

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_41290949/article/details/102679398
option = {
    title: {
        text: '消防训练量化评分雷达图'
    },
    tooltip: {
        trigger: 'axis',
        formatter: function(params, ticket, callback) {
            var showHtm = "";
            for (var i = 0; i < params.length; i++) {
                //x轴名称
                var name = params[i][1];
                //名称
                var text = params[i][3];
                //值
                var value = params[i][2];
                //提示框显示
                showHtm += name + ':' + value + '<br>'
            }
            return text + '<br>' + showHtm;
        }
    },
    legend: {
        x: 'center',
        y: 'bottom',
        data: ['60米肩梯量化评分', '3000米量化评分', '5000米负重量化评分', '100米负重量化评分', '负重折返跑量化评分', '爬绳上四楼量化评分',
            '400米物资疏散量化评分', '负重上10楼量化评分', '单杠卷腹量化评分', '双杠曲臂伸量化评分', '单杠引体向上量化评分'
        ]
    },
    polar: [{
        indicator: [{
                text: '孙悟空',
                max: 100
            },
            {
                text: '猪悟能',
                max: 100
            },
            {
                text: '沙悟净',
                max: 100
            },
            {
                text: '唐三藏',
                max: 100
            },
            {
                text: '红孩儿',
                max: 100
            },
            {
                text: '牛魔王',
                max: 100
            }
        ],
        radius: '80%',
        startAngle: 120
    }],

    series: [{
        name: '总点击量',
        type: 'radar',
        data: [{
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            },
            {
                value: [],
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            formatter: function(params) {
                                return params.value;
                            }
                        }
                    }
                }
            }
        ]
    }]
};


option.series[0].data[0].value = [12, 32, 34, 53, 53, 65];
option.series[0].data[0].name = '60米肩梯量化评分';
option.series[0].data[1].value = [78, 98, 90, 94, 98, 37];
option.series[0].data[1].name = '3000米量化评分';
option.series[0].data[2].value = [70, 90, 80, 59, 63, 25];
option.series[0].data[2].name = '5000米负重量化评分';
option.series[0].data[3].value = [78, 98, 90, 94, 98, 37];
option.series[0].data[3].name = '100米负重量化评分';
option.series[0].data[4].value = [68, 88, 80, 84, 88, 47];
option.series[0].data[4].name = '负重折返跑量化评分';
option.series[0].data[5].value = [58, 58, 50, 74, 78, 67];
option.series[0].data[5].name = '爬绳上四楼量化评分';
option.series[0].data[6].value = [48, 48, 40, 44, 48, 47];
option.series[0].data[6].name = '400米物资疏散量化评分';
option.series[0].data[7].value = [68, 68, 60, 64, 68, 67];
option.series[0].data[7].name = '负重上10楼量化评分';
option.series[0].data[8].value = [38, 38, 30, 34, 38, 37];
option.series[0].data[8].name = '单杠卷腹量化评分';
option.series[0].data[9].value = [18, 18, 10, 14, 18, 17];
option.series[0].data[9].name = '双杠曲臂伸量化评分';
option.series[0].data[10].value = [58, 58, 50, 54, 58, 57];
option.series[0].data[10].name = '单杠引体向上量化评分';

猜你喜欢

转载自blog.csdn.net/weixin_41290949/article/details/102679398