Incubator-echarts: barMinHeight 在堆叠柱状图中没效果,但是在分组柱状图时有效果

Created on 21 Mar 2016  ·  1Comment  ·  Source: apache/incubator-echarts

问题简述 (One-line summary)

配置参数barMinHeight在堆叠柱状图中没效果,但是在分组柱状图中有效果;

版本及环境 (Version & Environment)

  • ECharts 版本 (ECharts version): echarts 2.2.7
  • 浏览器类型和版本 (Browser version): chrome 49.0.2623.87 (64-bit)
  • 操作系统类型和版本 (OS Version): Mac OS X EI Capitan 10.11.3

    重现步骤 (Steps to reproduce)

  1. 打开链接:http://echarts.baidu.com/echarts2/doc/example/bar1.html;
  2. 在左侧贴入以下配置(全部覆盖):
option = {
    title : {
        text: '某地区蒸发量和降水量',
        subtext: '纯属虚构'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['蒸发量','降水量']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            data : ['1月','2月','3月']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'蒸发量',
            type:'bar',
            stack: 's',
            barMinHeight: 50,
            data:[2.0, 49, 70]
        },
        {
            name:'降水量',
            type:'bar',
            stack: 's',
            barMinHeight: 50,
            data:[2.6, 5.9, 9.0]
        }
    ]
};
  1. 点击刷新按钮,查看效果:barMinHeight=50 并没有起作用
  2. 更改左侧的配置:删除两个 stack='s',再次点击刷新查看效果:barMinHeight=50 起作用了

    期望结果 (Expected behaviour)

可能哪里有问题 (What went wrong)

ECharts配置项 (ECharts option)

option = {
    title : {
        text: '某地区蒸发量和降水量',
        subtext: '纯属虚构'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['蒸发量','降水量']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            data : ['1月','2月','3月']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'蒸发量',
            type:'bar',

            barMinHeight: 50,
            data:[2.0, 49, 70]
        },
        {
            name:'降水量',
            type:'bar',

            barMinHeight: 50,
            data:[2.6, 5.9, 9.0]
        }
    ]
};

其他信息 (Other comments)

>All comments

这不是一个 BUG;举个例子说:

如果在一列上有 100 个数据,其中只有一个数据的 value = 1000000,其他 99 个数据的 value 都为1;那么理论上 value=1000000 的柱子的高度就是其他柱子的 100000倍;然后,假设 barMinHeight=10px 生效,并且图表的容器的高度为1000px,最后 value=1000000 的柱子的高度 = 1000 - 99*10,高度和其他 value 为 1 的高度一样了!!!!!
完毕。

Was this page helpful?
0 / 5 - 0 ratings