echarts仪表盘常用属性记录

最新推荐文章于 2024-09-11 16:40:17 发布

刘海及腰

最新推荐文章于 2024-09-11 16:40:17 发布

阅读量150

点赞数 2

文章标签： javascript 前端 echarts

本文链接：https://blog.csdn.net/lhjyszz/article/details/140776632

版权

series:[
    {
        name:'',
        type:'gauge',//仪表盘
        detail:{
            fontFamily:'字体'，
            formatter:function(){
				return ['{a|'+value+'}','{b|'+value+'}'].join('\n')
            },//显示的文字
            offsetCenter:[0,'55%'],//偏移，水平,垂直
            rich:{
                a:{样式},
                b:{样式}
            }
        },
        radius:'百分比',//半径长度
        startAngle:开始角度,
        endAngle:结束角度,
        center:[centerx,centery],//百分比，极坐标系的中心点位置(圆心)
        spliteLine:{
            //分割线
            show:true/false,//默认true
            length:(-)长度,//正负代表方向从坐标轴向中心/向外
            lineStyle:{
                width:线宽,
                color:分割线颜色
            }
        },
        splitNumber:分割线数量,
        axisTick:{
            //刻度
            show:true/false,
            splitNumber:8,//分割线分割的区间内部的刻度数量
            length:长度,
            lineStyle:{
                color:颜色
            }
        },
        axisLabel:{
            //刻度标签
            show:true/false,
            distance:(-)距离轴线的距离，正负同length,
            color:颜色
        },
        axisLine:{
            //坐标轴
            show:true/false,
            lineStyle:{
                width:线宽,
                color:[1,'颜色'] 
                //可以设置不同区间的颜色
                //color: [
                // [0.2, 'rgb(0,255,175)'],
                // [0.4, 'rgb(173,255,86)'],
                // [0.6, 'rgb(255,233,0)'],
                // [0.8, 'rgb(255,152,54)'],
                // [1, 'rgb(255,62,51)']
                //]
            }
        }
    }
]