仪表盘图

仪表盘图

实现

1、引入Echart最基本的代码结构

2、准备数据,设置给series下的data

3、在series下设置type:gauge

具体代码实现:




    
    
    
    Document




    
    

实现效果:
仪表盘图_第1张图片

常用配置

数值范围

min,max

多个指针

设置多个series下的data的值
仪表盘图_第2张图片

指针颜色

在data里面的value中下设置

           itemStyle:{
               color:'green'
           }

实现效果

仪表盘图_第3张图片

你可能感兴趣的:(Echarts,echarts,前端,javascript)