可以在官网的例子: 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
的。要怎么解决这个显示超出问题呢?谢谢。
都只看回答,谁来回答一下呀。