问答

echart雷达图splitNumber平均分配问题怎么解决?

作者:admin 2021-04-18 我要评论

问题描述 **怎么让我的雷达图不平均分配, 例如须努力占比6 中等占比3 领先占1** 相关代码 var option = { legend: { data: ['本次', '上次'], bottom: 0, right...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

问题描述

**怎么让我的雷达图不平均分配,
例如须努力占比6 中等占比3 领先占1**

相关代码

var option = {

legend: {
    data: ['本次', '上次'],
    bottom: 0,
    right: 100,
},
radar: {
    angleAxis: { clockwise: true },
    name: {
        textStyle: {
            color: 'black'
        },
        fontSize: '16px',
        show: true
    },
    splitNumber: 3,
    indicator: [
        { name: '一年级语文(11)', max: 100, axisLabel: { show: true }},
        { name: '一年级数学(12)', max: 100 },
        { name: '一年级英语(13)', max: 100 },
        { name: '二年级语文(14)', max: 100 },
        { name: '二年级数学(15)', max: 100 },
        { name: '二年级英语(16)', max: 100 },
        { name: '三年级语文(17)', max: 100 },
        { name: '三年级数学(18)', max: 100 },
        { name: '三年级英语(19)', max: 100 },
        { name: '四年级语文(20)', max: 100 },
        { name: '四年级数学(21)', max: 100 },
        { name: '四年级英语(22)', max: 100 },
        { name: '五年级语文(23)', max: 100 },
        { name: '五年级数学(24)', max: 100 },
        { name: '五年级英语(25)', max: 100 },
    ],
    splitArea: {
        show: true,
        areaStyle: {
            color: ['#f8a0a0', '#b4d3ea', '#a0cca0']
        }
    },
    axisLabel: {
        color: 'rgba(181,?181,?181,?1)',
        show: false,
        align: 'center',
        margin: 0,
        fontSize: 22,
        fontWeight: 700,
        verticalAlign: 'bottom',
        lineHeight: 55,
        formatter(v, index) {
            let str = ''
            switch (index) {
                case 0:
                    str = '须努力'
                    break;
                case 1:
                    str = '中等'
                    break;
                case 2:
                    str = '领先'
                    break;
            }
            return str
        }
    },
    axisLine: {
        lineStyle: {
            type: 'dashed'
        }
    }
},
series: [{
    type: 'radar',
    data: [
        {
            value: [
                61, 62, 63, 64, 65,
                66, 67, 68, 69, 70,
                71, 72, 73, 74, 75,
            ],
            name: '本次',
            itemStyle: {
                normal: {
                    color: "blue",
                    borderColor: "blue",
                    borderWidth: 5,
                }
            },
            // lineStyle: {
            //     type: 'dashed'
            // }
        },
        {
            value: [
                51, 52, 53, 54, 55,
                56, 57, 58, 59, 60,
                61, 62, 63, 64, 65,
            ],
            name: '上次',
            itemStyle: {
                normal: {
                    color: "red",
                    borderColor: "red",
                    borderWidth: 5
                }
            },
            lineStyle: {
                type: 'dashed'
            }
        },
    ]
}]

}

你期待的结果是什么?实际看到的错误信息又是什么?

图

怎么让我的雷达图不平均分配,例如须努力占比6 中等占比3 领先占1

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器