echart雷达图,有多个刻度,怎么只显示一个刻度,如下图代码

如图,各数据的最大值都是100,怎么只显示红色框的刻度,

https://img4.mukewang.com/5c8a165600015d3504010469.jpg

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ECharts</title>

    <!-- 引入 echarts.js -->

    <!--<script src="js/echarts.js"></script>-->

</head>

<body>

<!-- 为ECharts准备一个具备大小(宽高)的Dom -->

<div id="main" style="width: 600px;height:400px;"></div>

<script src="https://cdn.bootcss.com/echarts/3.8.4/echarts.js"></script>

<script type="text/javascript">

    // 基于准备好的dom,初始化echarts实例

    var myChart = echarts.init(document.getElementById('main'));


    // 指定图表的配置项和数据

    option = {

        title: {

            text: '知识点得分率',

            left: 'center'

        },

        tooltip: {},

        legend: {

            data: ['刘德华', '班级平均'],

            bottom: 0

        },

        radar: {

//             shape: 'circle',

            indicator: [

                { name: '实数', max: 100},

                { name: '代数', max: 100},

                { name: '整数', max: 100},

                { name: '分数', max: 100},

                { name: '分式', max: 100},

            ],

            radius: 120,

            axisLabel:{

                show:true,

                color:'#333',

                showMinLabel: false

            },

        },

        series: [{

            name: '预算 vs 开销',

            type: 'radar',

//             areaStyle: {normal: {}},

            data : [

                {

                    value : [50, 70, 88, 95, 50, 19],

                    name : '刘德华',

//                    label: {

//                        normal: {

//                            show: true

//                        }

//                    }

                },

                {

                    value : [50, 84, 58, 71, 42, 81],

                    name : '班级平均',

//                    label: {

//                        normal: {

//                            show: true

//                        }

//                    }

                }

            ]

        }],

        color:['#fa610e','#00aaee']

    };


    // 使用刚指定的配置项和数据显示图表。

    myChart.setOption(option);

</script>

</body>

</html>


哈士奇WWW
浏览 6590回答 1
1回答

函数式编程

indicator那里,不想显示axisLabel的就加一个属性:axisLabel:{show:false}比如:...indicator: [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { name: '实数', max: 100},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { name: '代数', max: 100, axisLabel:{show:false}},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { name: '整数', max: 100, axisLabel:{show:false}},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { name: '分数', max: 100, axisLabel:{show:false}},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { name: '分式', max: 100, axisLabel:{show:false}},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ],...
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript