echarts配置项

本文详细介绍了如何配置Echarts中的仪表盘,包括仪表盘厚度的设置、坐标轴线的颜色和宽度、阴影效果,以及字体样式和指针的显示。特别强调了radius设置对于仪表盘大小的影响,当radius超过100%时可能超出画布范围,并提供了解决方案,即通过调整外部容器的尺寸来扩大仪表盘的实际显示区域。
摘要由CSDN通过智能技术生成
//长刻度的设置
axisTick: {            // 坐标轴小标记
    length :3,        // 属性length控制线长
    lineStyle: {       // 属性lineStyle控制线条样式
        color: '#fff',
        shadowColor : '#fff', //默认透明
        shadowBlur: 2
    }
},
//短刻度的设置
splitLine: {           // 分隔线
    length :5,         // 属性length控制线长
    lineStyle: {       // 属性lineStyle(详见lineStyle)控制线条样式
        width:1,
        color: '#fff',
        shadowColor : '#fff', //默认透明
        shadowBlur: 0
    }
},

 

//仪表盘厚度设置

axisLine: {            // 坐标轴线                                 
                lineStyle: {       // 属性lineStyle控制线条样式
                    color: [[0.09, 'lime'],[0.82, '#1e90ff'],[1, '#ff4500']],
                    width: 15,
                    shadowColor : '#fff', //默认透明
                    shadowBlur: 0
               

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值