温度计echarts 柱状配置项内容和展示

温度计的实现

      var data = [62]

option = {
    title: {
        text: '温度计',
        show: false
    },
    xAxis: {
        show: false
    },
    yAxis: {
        show: false,
        data: []
    },
    series: [{
        name: '条',
        type: 'bar',
        data: data,
        barWidth: 24,
        itemStyle: {
            normal: {
                color: '#fd4d49',
            }
        }
    }, {
        name: '框',
        type: 'bar',
        barGap: '-100%',
        data: [100],
        barWidth: 24,
        itemStyle: {
            normal: {
                color: 'none',
                borderColor: '#fd4d49',
                borderWidth: 5,
                barBorderRadius: 30,
            }
        }
    }, {
        name: '圆',
        type: 'scatter',
        data: [0],
        symbolSize: 54,
        itemStyle: {
            normal: {
                color: '#fd4d49',
                opacity: 1,
            }
        }
    }]
};