记录一下echarts的guage图

最新推荐文章于 2023-07-07 17:10:21 发布

沙雕JavaScripter

最新推荐文章于 2023-07-07 17:10:21 发布

阅读量294

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/TianGuaJSTec/article/details/125614972

版权

首先改中间的指针

一般都是这样的：

然后改成这样的：
![在这里插入图片描述](https://img-blog.csdnimg.cn/44a36307c1d4447cb2de3e02bd23f101.png

需要这样：在series对象里面添加

anchor: {
            show: true,
            showAbove: true,
            size: 18,//调整红色的大小
            itemStyle: {
              borderWidth: 5,//调整粉色距红色的宽度
              borderColor: 'red',//宽度的颜色
              color: 'pink'//中间的颜色
            }
          },

其他的调整：

指针的颜色是pointer这个里面调整；
分割成几段splitNumber: 4，上面我分割成了四段。
分割条的样式：splitLine: { // show: false, distance: -13, length: 14, lineStyle: { width: 3, color: 'transport' } },