echarts 堆叠柱状图当设置最小高度的时候会超出显示区域

可以在官网的例子: http://echarts.baidu.com/exam... 上面运行以下代码。

app.title = '堆叠条形图';

option = {
    tooltip : {
        trigger: 'item',
        axisPointer : {            // 坐标轴指示器,坐标轴触发有效
            type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        }
    },
    
    grid: {
        show: false,
            left: 20,
            right: 75,
            bottom: 30,
            containLabel: true
    },
    yAxis:  {
        type: 'value',
        boundaryGap : true
    },
    xAxis: {
        type: 'category',
        data:["Cateogry 1","Category 2"]
    },
    
    series: [
   {
      "name":"AA",
      "type":"bar",
      "data":[
         6,
         4
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":""
   },
   {
      "name":"BB",
      "type":"bar",
      "data":[
         1,
         4
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":""
   },
   {
      "name":"CC",
      "type":"bar",
      "data":[
         2711,
         7205
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
     
      "color":"#2ECC40"
   },
   {
      "name":"DD",
      "type":"bar",
      "data":[
         172,
         210
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#228b22"
   },
   {
      "name":"EE",
      "type":"bar",
      "data":[
         31,
         38
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
     
      "color":""
   },
   {
      "name":"FF",
      "type":"bar",
      "data":[
         1053,
         1824
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#0074D9"
   },
   {
      "name":"GG",
      "type":"bar",
      "data":[
         26,
         27
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#3E5B99"
   },
   {
      "name":"HH",
      "type":"bar",
      "data":[
         3,
         4
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#696969"
   },
   {
      "name":"II",
      "type":"bar",
      "data":[
         27,
         36
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#B8338D"
   },
   {
      "name":"JJ",
      "type":"bar",
      "data":[
         144,
         228
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#f01414"
   },
   {
      "name":"KK",
      "type":"bar",
      "data":[
         1117,
         2288
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#F78FA7"
   },
   {
      "name":"LL",
      "type":"bar",
      "data":[
         2508,
         10541
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":""
   },
   {
      "name":"MM",
      "type":"bar",
      "data":[
         3037,
         8518
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#6accc5"
   },
   {
      "name":"NN",
      "type":"bar",
      "data":[
         21,
         56
      ],
      "stack":"stack",
      "barMaxWidth":"25",
      "barMinHeight":5,
      
      "color":"#1DA1F2"
   }
]
};

我每一个柱子都设置了"barMinHeight":5, 当图表整体高度比较小的时候,category 2显示会超出y轴的最大值。如下图。不设置这个barMinHeight属性就没有问题,我需求是要设置barMinHeight的。要怎么解决这个显示超出问题呢?谢谢。
图片描述

阅读 11.1k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题