echarts仪表盘的刻度值为整数，且指针动态效果也为整数

最新推荐文章于 2024-10-11 20:40:21 发布

安康全是山

最新推荐文章于 2024-10-11 20:40:21 发布

阅读量8.2k

点赞数 1

分类专栏： Ëecharts图表教程

本文链接：https://blog.csdn.net/k912120/article/details/81507966

版权

本文介绍了如何在Echarts中定制仪表盘，使其刻度值和指针动态效果都显示为整数。通过调整样式和设置，实现了符合工作需求的仪表板效果。

摘要由CSDN通过智能技术生成

因工作需要，将仪表板修改为自己所需样式

修改的如图：

特点：

1.更改原来的部分样式

2.指针动态变幻时为整数效果

代码如下：

option = {
     backgroundColor: '#f',
    tooltip : {
        formatter: "{a} <br/>{b} : {c}%"
    },
    toolbox: {
        feature: {
            restore: {},
            saveAsImage: {}
        }
    },
       series: [
                {
                    name: '安全隐患',
                    type: 'gauge',
                    min:1,
                    max:30,
                    detail: {formatter:'{value}处'},
                    axisLine: {            // 坐标轴线
                        lineStyle: {       // 属性lineStyle控制线条样式
                            color: [[0.2, 'lime'],[0.80, '#1e90ff'],