echarts雷达图显示数值

最新推荐文章于 2024-08-02 10:05:12 发布

包子源

最新推荐文章于 2024-08-02 10:05:12 发布

阅读量3.2w

点赞数 12

分类专栏： javascript 文章标签： echarts 雷达图

本文链接：https://blog.csdn.net/ziwoods/article/details/79204671

版权

javascript 专栏收录该内容

48 篇文章 0 订阅

订阅专栏

echarts雷达图显示数值：

label用于显示数值，具体代码如下：

option = {
    title: {
        text: '基础雷达图'
    },
    tooltip: {},
    radar: {
        indicator: [
           { name: '苹果', max: 6500},
           { name: '西瓜', max: 16000},
           { name: '葡萄', max: 30000},
           { name: '哈密瓜', max: 38000},
           { name: '香蕉', max: 52000},
           { name: '桃', max: 25000}
        ]
    },
    series: [{
        type: 'radar',
        data : [
            {
                value : [4300, 10000, 28000, 35000, 50000, 19000],
                name : '水果',
                //这里的配置显示数值
                label: {
                    normal: {
                        show: true,
                        formatter:function(params) {
                            return params.value;
                        }
                    }
                }
            }
        ]
    }]
};

效果图：