echarts 简单雷达图

原创

码农GT038527

发布于 2025-07-02 15:18:20

1090

文章被收录于专栏：绘图绘图

代码示例

需要先下载js脚本

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>雷达图</title>
    <script src="./static/echarts.min.js"></script>
</head>
<body>
    <div id="radar" style="width:400px;height:400px;"></div>
    <script>
        const chart = echarts.init(document.getElementById('radar'))
        chart.setOption({
            radar: {
                indicator: [
                    {name:'指标1',max:100},
                    {name:'指标2',max:100},
                    {name:'指标3',max:100},
                    {name:'指标4',max:100},
                    {name:'指标5',max:100}
                ]
            },
            series: [{
                type: 'radar',
                data: [[80, 100, 70 , 90 , 88]]
            }]
        });
    </script>
</body>
</html>

结果展示

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

echarts

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

echarts

登录后参与评论

0 条评论

热度

echarts 简单雷达图

echarts 简单雷达图

代码示例

结果展示

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐