2024年物联网嵌入式最新echarts柱状图自定义样式（二）_echarts柱状图样式(1)，正式加入阿里巴巴

2401_85011796

于 2024-05-14 11:35:40 发布

阅读量329

点赞数 5

分类专栏：程序员文章标签：物联网嵌入式硬件学习

本文链接：https://blog.csdn.net/2401_85011796/article/details/138847704

版权

程序员专栏收录该内容

31 篇文章 1 订阅

订阅专栏

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

    trigger: 'axis',
    axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'none'        // 默认为直线，可选为：'line' | 'shadow'
    }
},
grid: [
    {x: '12%', y: '4%', width: '34%', height: '85%'},
    {x2: '7%', y: '4%', width: '34%', height: '85%'}
],
xAxis: [{
    show:false,
    gridIndex: 0,
    type: 'value',
    splitLine:{show: false}
},{
    show:false,
    gridIndex: 1,
    type: 'value',
    splitLine:{show: false}
}
],
yAxis: [
    {
        gridIndex: 0,
        type:'category',
        axisLine: {show: false},//去除坐标线
        axisTick: {show: false},//去除刻度线
        data: ['婴儿培养箱', '医用电子血压计', '除颤仪', '彩超','呼吸机'],
    },
    {
        gridIndex: 1,
        type:'category',
        axisLine: {show: false},//去除坐标线
        axisTick: {show: false},//去除刻度线
        data:['呼吸机', '除颤仪', '单道注射泵', '恒速注射泵','彩超']
    }
],
series: [{
        type: 'bar',
        itemStyle: {
            color: '#fff',
            borderWidth:1,
            borderColor:'#dcdcdc',
            barBorderRadius: 10,
        },
        barWidth: 12,
        barGap: '-100%',
        barCategoryGap: '40%',
        xAxisIndex: 0,
        yAxisIndex: 0,
        animation: false,
        data: maxDate1
    },{ 
        type: 'bar',
        itemStyle: {
            color: '#fff',
            borderWidth:1,
            borderColor:'#dcdcdc',
            barBorderRadius: 10
        },
        barWidth: 12,
        barGap: '-100%',
        barCategoryGap: '40%',
        xAxisIndex: 1,
        yAxisIndex: 1,
        animation: false,
        data: maxDate2

    },{
        name: 'I',
        type: 'bar',
        barWidth: 12,
        itemStyle:{
            color:'#32ccc2',
            barBorderRadius: 10,
        },
        xAxisIndex: 0,
        yAxisIndex: 0,
        label: {
            show:true,
            position: ['80%', '21'],
            formatter:'{c}'+'次'
        },
        data: deviceRepair1
    },
    {
        name: 'II',
        type: 'bar',
        barWidth: 12,
        itemStyle:{
            color:'#32ccc2',
            barBorderRadius: 10,