zoukankan      html  css  js  c++  java
  • echarts 柱状图

    var option3 = {
            title: {
                text: '各统筹区DRGs入组病案年累计费用',
                textStyle:{
                    fontSize:'20'
                }
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: { // 坐标轴指示器,坐标轴触发有效
                    type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
                }
            },
            legend: {
                data: ['DRGs职工结算', 'DRGs居民结算', '特例单议结算'],
                y: 'bottom'
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'value' //xAxis和yAxis可以调换,

                  axisLabel: { //用于解决横轴列过多,自动隐藏列标题
                     interval: 0,
                        rotate: 30
                  }

            },
            yAxis: {
                type: 'category',
                data: ['云城区', '云安区', '郁南县', '新兴县', '罗定市']
            },
            series: [{
                name: 'DRGs职工结算',
                type: 'bar',
                label: {
                    normal: {
                        show: true,
                        position: 'insideRight'
                    }
                },
                barWidth: 13,
                stack: '总量',//stack总量表示柱状图重叠在一起,如果不想重叠注释掉即可
                data: [1669, 1456, 840, 657, 270],
                itemStyle: {
                    normal: {
                        color: '#2dafd1'
                    }
                }
            },
            {
                name: 'DRGs居民结算',
                type: 'bar',
                label: {
                    normal: {
                        show: true,
                        position: 'insideRight'
                    }
                },
                barWidth: 13,
                stack: '总量',
                data: [947, 300, 122, 120, 248],
                itemStyle: {
                    normal: {
                        color: '#2ec2ba'
                    }
                }
            },
            {
                name: '特例单议结算',
                type: 'bar',
                label: {
                    normal: {
                        show: true,
                        position: 'insideRight'//表示柱状图上文字显示的位置
                    }
                },
                barWidth: 13,
                stack: '总量',
                data: [263, 100, 40, 158, 36],
                itemStyle: {
                    normal: {
                        color: '#30d9a1'
                    }
                }
            }
            ]
        };
  • 相关阅读:
    计算机硬件发展史
    17.Java8新特性_传统时间格式化的线程安全问题
    13. Java8新特性_Stream API 练习
    12. Java8新特性_Stream_归约与收集
    11.Java8新特性_Stream_查找与匹配
    10.Java8新特性_Stream_排序
    9. Java8新特性_Stream_映射
    8. Java8新特性_Stream_筛选与切片
    CentOS 安装 Python3
    CentOS7安装图形桌面系统(GNOME / KDE / Cinnamon / MATE / Xfce)
  • 原文地址:https://www.cnblogs.com/slfmeimei/p/10723269.html
Copyright © 2011-2022 走看看