echarts堆叠柱形图设置最小高度无效

最新推荐文章于 2024-09-05 10:24:48 发布

走_开

最新推荐文章于 2024-09-05 10:24:48 发布

阅读量4.2k

点赞数 2

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/believet93/article/details/113858036

版权

本文记录了在使用Echarts时遇到的堆叠柱形图设置最小高度无效的问题。当配置项无法确保柱状图的可见性时，通过为坐标轴设置最大值来解决这一问题，使得最底部的柱形也能清晰显示。欢迎有其他解决方案的读者留言交流。

摘要由CSDN通过智能技术生成

一、记录问题：

1、echarts的配置项如下：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // Use axis to trigger tooltip
            type: 'shadow'        // 'shadow' as default; can also be 'line' or 'shadow'
        }
    },
    legend: {
        data: ['Direct', 'Mail Ad', 'Affiliate Ad']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'value'
    },
    yAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed']
    },
    series: [
        {
            name: 'Direct',
            type: 'bar',
            stack: 'total',
            barMinHeight: 20,
            label: {
                show: true
            },
            emphasis: