echarts 雷达图的应用

最新推荐文章于 2024-06-27 14:57:58 发布

专写bug~~~

最新推荐文章于 2024-06-27 14:57:58 发布

阅读量4.8k

点赞数

本文链接：https://blog.csdn.net/qq_32538087/article/details/81943757

版权

本文介绍了Echarts雷达图的使用，包括标题组件、提示框、图例组件、系列组件的详细设置，并强调了雷达线颜色与图例颜色的同步特性。通过设置series数组可以分别定制每根雷达线的颜色。

摘要由CSDN通过智能技术生成

如果没有你想要的认真看文档，文档上都有，看不懂的话去试。

整个雷达图

1、标题组件

 title: {//标题组件
            text: '创业素质分析雷达图',//主标题名称
            right:40,//位置，距右边的距离
            bottom:60,//距下边的距离
            textStyle:{//标题文本样式
                color:"#4a4a4a",//标题颜色
                fontSize:"18",//标题字体大小
                fontWeight:"bold",//标题是否加粗
            }
    },

标题组件

2、提示框（鼠标悬浮在线附近才会出现）

 tooltip: {//提示狂组件
        show:true,//是否显示
        // trigger:"item",
        backgroundColor:"rgba(170,230,248,0.5)",//提示框背景色
        enterable:true,//鼠标是否可进入提示框浮层中，默认为false，如需详情内交互，如添加链接，按钮，可设置为 true。
        confine:true,//是否将 tooltip 框限制在图表的区域内。
        textStyle:{//提示框浮层的文本样式。
            color:"#086683",
            fontSize:12,
        },   
    },

提示框