echarts仪表盘

option = {
    tooltip: {
        formatter: '{a} <br/>{b} : {c}%'
    },
    toolbox: {
        show : false
    },
    series: [
        {
            name: '业务指标',
            type: 'gauge',
            min: 700,                 // 最小的数据值,默认 0 。映射到 minAngle。
            max: 900,
            detail: {formatter:'{value}',
                    textStyle:{
                        fontSize:16
                    }
                },
            data: [{value: 800, name: ''}],
             splitLine: { //分割线样式（及10、20等长线样式）
                            length: 14,
                          
                        },
            axisLine : {
                    show : true,
                    lineStyle : { // 属性lineStyle控制线条样式
                        color : [ //表盘颜色
                            [ 0.7, "#1494FF" ],//0-50%处的颜色
                            [ 1,"#C1C1C1" ]//90%-100%处的颜色
                        ],
                        width : 14//表盘宽度
                    }
                },
        }
    ]
};


myChart.setOption(option, true);

注意：本文归作者所有，未经作者允许，不得转载