echarts仪表盘

欧阳小白 1年前 ⋅ 440 阅读
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);


全部评论: 0

    我有话说:

    咨询问题

    点击这里给我发消息

    淘宝咨询

    博主承接代做业务

    真·送云服务器

    咨询博主