【echarts仪表盘刻度样式自定义】echarts 默认的仪表盘样式:
文章图片
修改后:
文章图片
首先,需要在页面中放入一个image
文章图片
需要修改一下配置:
先把原本的背景颜色变成透明:
axisLine: {
lineStyle: {
width: 15,
opacity: 0, //盘的颜色变成透明
}
},
设置自己的样式:
axisTick: {
// 刻度长度与轴线宽度一致,达到分隔的效果
length: 15,
// 增加刻度密度
splitNumber: 100,
lineStyle: {
// 增加刻度宽度
width: 2,
color: {
image: document.getElementById('linear-pic'),//获取页面上准备的图片作为背景
repeat: 'no-repeat'
},
}
},
推荐阅读
- 笔记|如何在Windows11安装安卓子系统()
- 笔记|C语言数据结构——二叉树的顺序存储和二叉树的遍历
- 2021年下半年《信息系统项目管理师》真题
- 个人理解|【C语言基础之类型转换】
- 学习分享|【C语言函数基础】
- 个人理解|【C语言实现井字棋及电脑落子优化】
- Python|蓝桥杯 平面切割 Python
- Python|Python 每日一练 二分查找 搜索旋转排序数组 详解
- 笔记|这是一个关于face_recognition和dlib库的安装(亲测有用,毕竟我代码都写出来了)
- 信令模式与非信令模式