echarts子弹图

LtHm

已于 2023-03-23 10:22:48 修改

阅读量700

点赞数 1

分类专栏： echarts 文章标签： echarts javascript 前端 Powered by 金山文档

于 2023-03-17 13:29:43 首次发布

本文链接：https://blog.csdn.net/cjn308408/article/details/129618937

版权

echarts 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

option = {
    title: {
        text: '子弹图示例',
    },
    yAxis: 
        {
            type: 'value',
            data: ['利润'],
            axisLine: {
                show: false,
            },
            axisTick: {
                show: false,
            },
        },
        
    xAxis: [
        {
        type: 'category',
        axisLine: {
            show: false,
        },
        axisTick: {
            show: false,
        },
    }
           ],
    tooltip: {
        formatter: '{a}: {c}',
    },
    grid: {
        containLabel: true,
        width: '99%',
        left: 0,
        top: 50,
    },
    series: [{
            name: '患者住院日',
            data: [70],
            type: 'bar',
            barWidth: 90,
            color: '#333333'
          }, {
            name: '科室平均住院日',
            data: [40],
            type: 'bar',
            barGap: '-80%',
            barWidth: 60,
            color: '#BEBEBE'
          }, {
            name: '病种平均住院日',
            data: [3],
            type: 'bar',
            barWidth: 40,
            color: '#6c6c6c'
          }]
};

解决柱子重叠不居中问题

https://www.jianshu.com/p/254951b5e850