echarts得分雷达图

最新推荐文章于 2024-04-01 11:41:06 发布

举头三尺有神农

最新推荐文章于 2024-04-01 11:41:06 发布

阅读量639

点赞数 1

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/M__Yang_/article/details/126543610

版权

本文介绍了如何利用Echarts库创建具有得分展示功能的雷达图，详细阐述了相关代码实现过程，帮助读者理解并掌握Echarts雷达图的绘制技巧。

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

效果

代码：

   let chartsDom = this.$refs.chartCyhl;
      let myChart = echarts.init(chartsDom);
      let  option = {
    // backgroundColor: 'rgba(204,204,204,0.7 )',
    // 背景色，默认无背景    rgba(51,255,255,0.7)
    radar: [{ // 雷达图坐标系组件，只适用于雷达图。
        center: ['50%', '50%'],
        // 圆中心坐标，数组的第一项是横坐标，第二项是纵坐标。[ default: ['50%', '50%'] ]
        radius: 60,
        // 圆的半径，数组的第一项是内半径，第二项是外半径。
        startAngle: 90,
        // 坐标系起始角度，也就是第一个指示器轴的角度。[ default: 90 ]
        name: { // (圆外的标签)雷达图每个指示器名称的配置项。
            formatter: '{value}',
            textStyle: {
                fontSize: 15,
                color: '#fff'
            }
        },
        nameGap: 15,
        // 指示器名称和指