牛骨文教育服务平台(让学习变的简单)
博文笔记

echarts雷达图显示数值

创建时间:2018-01-30 投稿人: 浏览次数:1541

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;
                        }
                    }
                }
            }
        ]
    }]
};
效果图:



声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。