et竖直高度条

Html

Css

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    tooltip: {},
    legend: {},
    xAxis: {
        type: 'category',
        show: false
    },
    yAxis: {
        name: '提升高度',
        boundaryGap: [0, 0.1],
        splitNumber: 3,
        nameTextStyle: {
            fontWeight: 'bold',
            fontFamily: 'sans-serif',
            fontSize: 15
        },
        type: 'value',
        min: 50,
        max: 450,
        scale: false,
        offset: -80,
        splitLine: {
            show: false
        },
        axisLine: {
            onZero: true,
            lineStyle: {
                width: 1,
                color: "#00d8ff",
                opacity: 0.8
            }
        },
        axisTick: {
            show: true,
            length: 5,
            lineStyle: {
                width: 1,
                type: 'solid',
                color: "#00d8ff",
                opacity: 0.8
            }
        },
        minorTick: {
            show: true
        },
        axisLabel: {
            formatter: "{value}m",
            margin: 10,
            fontWeight: 'bolder',
            fontSize: 14
        }
    },
    series: [{
        type: 'bar',
        barWidth: '2%',
        // 条条文字
        label: {
            show: true,
            color: "#EAD6F0",
            opacity: 1,
            offset: [30, 0],
            position: 'top',
            fontStyle: 'italic',
            fontWeight: 'bolder',
            fontSize: 16

},
        // 条条
        itemStyle: {
            offset: -80,
            color: "#EAD6F0",
            opacity: 1,
        },
        data: [0]
    }]
};

setInterval(function() {
    option.series[0].data = [(Math.random() * 450).toFixed(2) - 0];
    myChart.setOption(option, true);
}, 2000);
myChart.setOption(option);

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

et竖直高度条



代码描述：显示竖直方向上，进度条

更新时间：2020-07-27 01:08:15

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

sureness

相关代码

et竖直高度条

最新