zoukankan      html  css  js  c++  java
  • echarts 雷达图

     var evalateStaTableOption = {
            title: {
                // text: '基础雷达图'
            },
    
            tooltip : {
                trigger: 'radar'
            },
            color:['#ff6384','#95a5a6'],//这里需要和下面lineStyle的颜色设置一致了才行
            legend: {
                data: ['目标值', '实际值'],
                orient: 'vertical',
                right: '10%',
                top: '2%'
            },
            radar: {
                shape: 'circle',
                name: {
                    textStyle: {
                        color: '#000',
                        backgroundColor: '#f2f2f2',
                        borderRadius: 3,
                        padding: [3, 5] //文字的颜色
                   }
                },
                center:['50%','54%'],
                indicator: [
                   { name: '指数1', max: 2}, { name: '指数2', max: 1.5}, { name: '指数3', max: 1.5}, { name: '过率4', max: 1.5}, { name: '组率', max: 1.5}
                ],
                splitArea : {
                    show : false,
                    areaStyle : {
                        color: 'rgba(0,255,158,0)' // 图表背景的颜色
                    }
                },
                splitLine : {
                    show : true,
                    lineStyle : {
                        width : 1,
                        color : '#e6e6e6' // 设置网格的颜色
                    }
                },
                lineStyle:{
                    normal:{
                        color:'red'
                    }
                }
            },
            series: [{
                name: '目标值 vs实际值',
                type: 'radar',
    
                data : [
                    {
                        value : [1.5, 0.9, 1, 0.8, 0.8],
                        name : '目标值',
                        itemStyle: {
                            color:'#ff6384',
                            normal: {
                                lineStyle: {
                                     1,
                                    color: '#ff6384'
                                }
                            }
                        }
                    },
                    {
                        value : [1.3, 0.8, 0.9, 0.7, 0.9],
                        name : '实际值',
                        itemStyle: {
                            color:'#95a5a6',
                            normal: {
                                lineStyle: {
                                     1,
                                    color: '#95a5a6'
                                }
                            }
                        }
                    }
                ]
            }]
        };
  • 相关阅读:
    Fragment_3_Androidx中返回键的处理
    2.2.3.Architecture components_View Binding
    2.2.2.Architecture components_data binding2_源码分析
    经典排序
    动态规划求解最长公共子序列
    全排列问题
    钢条切割
    KMP
    Queue
    Stack
  • 原文地址:https://www.cnblogs.com/slfmeimei/p/10723294.html
Copyright © 2011-2022 走看看